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

最新推荐文章于 2021-12-15 18:34:58 发布

梧桐下的四叶草

最新推荐文章于 2021-12-15 18:34:58 发布

阅读量583

点赞数 1

本文链接：https://blog.csdn.net/zsc2014030403015/article/details/52484309

版权

JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

以前都是以为写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调试看看。

优惠劵

梧桐下的四叶草

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-js文件内的函数定义顺序

以前都是以为写js的程序在函数的顺序可以随便来，不用管什么顺序的问题。但是现在发现和顺序是有关系的。例子如下：js文件：var main=document.getElementById("main");function zanting(){ alert("暂停了");}if(document.addEventListener){ main.addEventListen
复制链接

扫一扫