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

  • 内容
  • 评论
  • 相关
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 = 函数名(); 
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>
IT技术资料分享-个人整理自互联网

 

上一篇: 下一篇:
关注本站微信公众号


不定期更新精选电脑使用技巧
或加入QQ群:943816552
×
  • 小提示:部分页面点击查看图片会出现卡住的情况,按F5刷新就可以退出
  • 网站没流量,没收录怎么办?多年SEO优化经验为您提供专业的SEO优化解决方案
  • 电脑问题解决不了?卡顿,上不了网?8年电脑使用经验总结为您完美解决问题
  • 友情链接,广告合作联系QQ:1539995615
  • 滴~