页面加载前执行js函数 5
在网上找了例子，说是document.addEventListener("DOMContentLoaded",init,false);是在页面加载前执行的方法，但是我再页...
在网上找了例子，说是document.addEventListener("DOMContentLoaded", init, false);是在页面加载前执行的方法，但是我再页面js里面使用了3个方法，分别是：
document.addEventListener("DOMContentLoaded", function () { alert("1"); }, false);
$(function () { alert("2"); });
$(document).ready(function () {alert("3");});
可弹出来的框为什么会是：2-->3-->1
而且load事件和onready的执行先后顺序的也 查了下，说是：ready事件先于load事件被激活，在加上addEventListener事件，那应该加载的顺序是：1-->3-->2的啊，可为什么会是2-->3-->1呢？？？求指导 展开
document.addEventListener("DOMContentLoaded", function () { alert("1"); }, false);
$(function () { alert("2"); });
$(document).ready(function () {alert("3");});
可弹出来的框为什么会是：2-->3-->1
而且load事件和onready的执行先后顺序的也 查了下，说是：ready事件先于load事件被激活，在加上addEventListener事件，那应该加载的顺序是：1-->3-->2的啊，可为什么会是2-->3-->1呢？？？求指导 展开
4个回答
展开全部
尽管如楼上所说，在body的onload事件中写
但是我还是要提醒一下，不同的浏览器对于body的onload事件有不同的解释，能不能执行是个问题。现在一些浏览器可以执行，有的却不能，因为body的onload事件是由于ie 的原因，但是有些浏览器在执行起来却会出现问题。。最好是办法就是
<script type="text/javascript">
window.onload=function()//用window的onload事件，窗体加载完毕的时候
{
//do something
}
</script>
另外说明一下，就算你用body的onload事件，也最好加上JavaScript
body onload="javascript:XXX()"
因为，ie和火狐对于这两个写法解释是不一样的，ie默认是JScript，火狐等新兴浏览器默认是JavaScript，至于JScript和JavaScript有什么不同，两个之间差异很大，对于有些方法两个是可以共用的，但是很多都不能共用，又因为现在的浏览器都支持JavaScript，但是只有ie支持JScript，所以，最好加上。。。希望对你有帮助，有什么不懂的可以网上查查，很多资料都可以看看
但是我还是要提醒一下，不同的浏览器对于body的onload事件有不同的解释，能不能执行是个问题。现在一些浏览器可以执行，有的却不能，因为body的onload事件是由于ie 的原因，但是有些浏览器在执行起来却会出现问题。。最好是办法就是
<script type="text/javascript">
window.onload=function()//用window的onload事件，窗体加载完毕的时候
{
//do something
}
</script>
另外说明一下，就算你用body的onload事件，也最好加上JavaScript
body onload="javascript:XXX()"
因为，ie和火狐对于这两个写法解释是不一样的，ie默认是JScript，火狐等新兴浏览器默认是JavaScript，至于JScript和JavaScript有什么不同，两个之间差异很大，对于有些方法两个是可以共用的，但是很多都不能共用，又因为现在的浏览器都支持JavaScript，但是只有ie支持JScript，所以，最好加上。。。希望对你有帮助，有什么不懂的可以网上查查，很多资料都可以看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
事件监听是异步处理，所以第一行在等待所有DOM元素载入期间第二行就执行了
更多追问追答
追问
可以具体点么？
追答
事件监听的流程如下：
注册事件→(事件未发生时)继续执行其他代码→事件发生→执行事件关联的操作
你的js流程如下
注册DOMContentLoaded事件→文档内容未全部载入(事件未发生）→执行第二行、第三行→事件发生
注：DOMContentLoaded事件是页面文档完全加载完毕并解析完毕之后才触发的，而不是DOM一加载就触发
另：要在页面主体内容加载前运行脚本，直接用js阻塞页面载入就行了
<html>
<head>
<script>
alert("hei")
</script>
</head>
<body>
<a>啊啊啊啊啊啊啊啊啊啊</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
后2个效果一样，都是ready， 所以按书写的先后顺序执行
ready先于load， 所以后执行
2->3->1
ready先于load， 所以后执行
2->3->1
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是吧，我记得DOMContentLoaded这个方法是在所有东东都加载完成后才调用的。
你说的那个加载前执行应该是指的addEventListener这个方法调用吧
你说的那个加载前执行应该是指的addEventListener这个方法调用吧
追问
document.addEventListener("DOMContentLoaded", init, false);
没有错啊，是document.addEventListener啊，难道参数不是DOMContentLoaded？？
追答
不是。。我是说你那句话的意思应该是addEventListener这个事件注册的方法执行的早，
但并不是指这个事件的触发会早
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
