您的位置:首页 > Web前端 > JavaScript

JavaScript-js文件内的函数定义顺序

2016-09-09 09:58 309 查看
以前都是以为写js的程序在函数的顺序可以随便来,不用管什么顺序的问题。但是现在发现和顺序是有关系的。例子如下:

js文件:

var main=document.getElementById("main");
function zanting(){
alert("暂停了");
}
if(document.addEventListener){
main.addEventListener("click",zanting,true);
}
else if(document.attachEvent){
main.attachEvent("click",zanting);
}


Html文件:

<html>
<head>
<script src="main.js"></script>
</head>
<body>
<div id="main"></div>
</body>
</html>

上面的例子是正确的顺序,因为是先定义了zanting函数,所以main对象就可以添加暂停事件了,但是如果将暂停函数位置放在添加的后面的话,那么就会变成暂停函数未定义的问题。不相信的话可以用chrome调试看看。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery html html5 javascript