2016-10-27 17:04发布
<script> var x = document.getElementById("demo"); x.addEventListener("click", myFunction); function myFunction() { alert ("Hello World!") } </script> <button id="demo">点我</button>
你可以去看看页面js加载相关知识。如果button在js下面的话，document.getElementById("demo")拿不到demo元素，所以也没法注册事件。
因为html文档时从上往下执行的，按钮如果在script下面，var x = document.getElementById("demo");执行完了x是undefined，再执行x.addEventListener("click", myFunction);就报错了。
html
script
var x = document.getElementById("demo");
x
undefined
x.addEventListener("click", myFunction);
并非是要放在函数之前，照你的写法，script标签优先于button标签解析，你可以加一行代码在var x下面，console.log(x)，会返回一个null。原因是js代码执行的时候button并未被浏览器解析到。你不能给给一个null绑定事件监听。所以这也是为什么一般建议html里面把js引入放在页面最末尾的原因
具体自行百度
因为js的变量提升大概的声明顺序 是
js代码放到load里就不用管顺序了。
看到这个var x = document.getElementById("demo");没有如果按钮在这个的后面就会导致x取不到这个对象了,所以就不能添加事件了;总的来说这是因为代码是自上而下加载
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 崔立新 Cui Li Xin 的问题《为什么点击按钮要放在函数之前才能执行？》','https://wenda.whatsns.com/q-303642.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
你可以去看看页面js加载相关知识。
如果button在js下面的话，document.getElementById("demo")拿不到demo元素，所以也没法注册事件。
因为
html文档时从上往下执行的，按钮如果在script下面，var x = document.getElementById("demo");执行完了x是undefined，再执行x.addEventListener("click", myFunction);就报错了。并非是要放在函数之前，照你的写法，script标签优先于button标签解析，
你可以加一行代码在var x下面，console.log(x)，会返回一个null。
原因是js代码执行的时候button并未被浏览器解析到。你不能给给一个null
绑定事件监听。所以这也是为什么一般建议html里面把js引入放在页面最末尾的原因
具体自行百度
因为js的变量提升
大概的声明顺序 是
js代码放到load里就不用管顺序了。
看到这个var x = document.getElementById("demo");没有
如果按钮在这个的后面就会导致x取不到这个对象了,所以就不能添加事件了;
总的来说这是因为代码是自上而下加载
一周热门 更多>