document.getElementById("按钮名").onclick = function() { 执行 }

示例如下：

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

 </head>

 <body>

  <p id="b">abc</p>

  <button id="seo-submit" >aaaa</button>

  <script type="text/javascript">

window.onload=function(){

document.getElementById("seo-submit").onclick=seo_success; //此处不能为 seo_success()

function seo_success(){

document.getElementById("seo-submit").disabled=true;

}

};


</script>

 </body>

</html>

如果要分开写，如：

document.getElementById("按钮名").onclick = 函数名();

function 函数名() { 执行 }

运行似乎无效

原因：

document.getElementById("按钮名").onclick = 函数名(); 处的函数名()不能加括号，加括号会默认为window的函数调用，不加才是id="seo-submit"的onclick调用。

如果调用的函数有参数，如 function seo_success(param){} 可以用一个匿名函数包起来，即：

  <script type="text/javascript">

  var o;

window.onload=function(){

document.getElementById("seo-submit").onclick=function(){  //通过匿名函数将调用的需要传入参数的函数包起来

seo_success("参数");

};

function seo_success( o ){

alert( o );

document.getElementById("seo-submit").disabled=true; //点击一次后按钮变为灰色不可点击

}

};

</script>