首页 > 这么写onclick为什么没有提示框弹出?

这么写onclick为什么没有提示框弹出?

哪里错了吗?并没有alert出来。


把你的<script>脚本放到body后面就可以了,因为你的脚本中查找的DOM节点demo还没在文档流中加载出来,所以是找不到demo这个对象的,如果非要把脚本写在前面的话就把脚本用

$(document).ready(function () {  
            Js事件写在这里面  
        }); 

包裹起来:

$(document).ready(function () {  
     document.getElementById("demo").onclick=function (){
  alert("wee");
}
        }); 

//html5:
window.addEventListener('DOMContentLoaded', function() {
    document.getElementById("demo").onclick = function() {
        //...
    }
});

这个等效于jq的$(document).ready


另一个答案是对的,<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标签代码放到最后...


是因为你的js事件监听的时候,你的文档还没加载出来。可以把js代码移动到页面最底部,也可以增加window.onload当页面执行完成后再设置点击事件。


加上window.onload = function(){

//你的代码

}

【热门文章】
【热门文章】