扫码关注官方订阅号
哪里错了吗？并没有alert出来。
人生最曼妙的风景，竟是内心的淡定与从容！
是因为你的js事件监听的时候，你的文档还没加载出来。可以把js代码移动到页面最底部，也可以增加window.onload当页面执行完成后再设置点击事件。
另一个答案是对的，<script>放到后面，</body>前就可以解决这个问题
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>单击事件 </title> </head> <body> <form> <input id="demo" type="button" value="点击我"/> </form> <script type="text/javascript"> document.getElementById("demo").onclick = function() { alert("ad"); } </script> </body> </html>
学会用开发者工具（chrome按F12）会方便点，这个错误还是很容易查出来的。
把script标签代码放到最后...
把你的<script>脚本放到body后面就可以了，因为你的脚本中查找的DOM节点demo还没在文档流中加载出来，所以是找不到demo这个对象的，如果非要把脚本写在前面的话就把脚本用
$(document).ready(function () { Js事件写在这里面 });
包裹起来：
$(document).ready(function () { document.getElementById("demo").onclick=function (){ alert("wee"); } });
加上window.onload = function(){
//你的代码
}
//html5: window.addEventListener('DOMContentLoaded', function() { document.getElementById("demo").onclick = function() { //... } });
这个等效于jq的$(document).ready。
$(document).ready
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
6
174
收藏
是因为你的js事件监听的时候，你的文档还没加载出来。可以把js代码移动到页面最底部，也可以增加window.onload当页面执行完成后再设置点击事件。
另一个答案是对的，<script>放到后面，</body>前就可以解决这个问题
学会用开发者工具（chrome按F12）会方便点，这个错误还是很容易查出来的。
把script标签代码放到最后...
把你的<script>脚本放到body后面就可以了，因为你的脚本中查找的DOM节点demo还没在文档流中加载出来，所以是找不到demo这个对象的，如果非要把脚本写在前面的话就把脚本用
包裹起来：
加上window.onload = function(){
}
这个等效于jq的
$(document).ready。