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调试看看。
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调试看看。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- HTML5中在客户端验证文件上传的大小
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- html5 web数据存储
- 最后一次说说闭包
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法