小瓶绿芬达
2016-10-02 22:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function showMes(){
alert("hello world");
}
var btn1=document.getElementById("btn1");
btn1.attachEvent("onclick",showMes);
</script>
</head>
<body>
<input type="button" id="btn1" value="确定" name="按钮1">
</body>
</html>
你可以把页面在360浏览器中打开,然后F12调出开发人员工具,在Elements标签下会报如下错误:
Uncaught TypeError: btn1.attachEvent is not a function
该错误是因为标签元素还没有创建就调用引用标签的脚本就会出现此问题,将脚本放置在脚本标签的后面就可以了
把js代码放在input后面,如下:
<input type="button" id="btn1" value="确定" name="按钮1">
<script type="text/javascript">
function showMes(){
alert("hello world");
}
var btn1=document.getElementById("btn1");
btn1.attachEvent("onclick",showMes);
</script>
你是在谷歌浏览器中运行的吧 attachevent在谷歌中不能运行 在IE中可以
DOM事件探秘
99526 学习 · 1305 问题
相似问题