哪里错了吗?并没有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(){
//你的代码
}