JS加载顺序

时间 2019-11-26

原文原文链接

<script/>通常是按顺序执行的 javascript

例如： html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	alert(1);
</script>
</head>
<script type="text/javascript">
	alert(1.1);
</script>
<body onload="alert('body onload');">
<script type="text/javascript">
	alert(2);
	window.onload = function(){
			alert("window onload");
		}
</script>
<script type="text/javascript">
	alert(3);
</script>

</body>

</html>

会弹出：1 ，1.1 , 2 , 3 , window onload . 至于body.onload则被window.on覆盖 java

Window JavaScript 层级中的顶层对象，表示浏览器窗口。 jquery

Body 表明 <body> 元素浏览器

jquery $(document).ready()方法和window.onload方法的区别：函数

一、执行时机
window.onload方法是在网页中的全部的元素（包括元素的全部关联文件）都彻底加载到浏览器以后才执行。而经过jQuery中的$(document).ready()方法注册的事件处理程序，只要在DOM彻底就绪时，就能够调用了，好比一张图片只要<img>标签完成，不用等这个图片加载完成，就能够设置图片的宽高的属性或样式等。

二、$(document).ready()方法能够屡次使用而注册不一样的事件处理程序，而window.onload一次只能保存对一个函数的引用，屡次绑定函数只会覆盖前面的函数。
先来看window.onload方法在一个页面上注册两次会是什么样的结果：
function one(){
alert("one");
}
function two(){
alert("two");
}
window.onload = two ;
window.onload = one ;
上面的代码运行后，会弹出“one”。

再来看看$(document).ready()方法分两次调用会是什么结果。

function one(){
alert("one");
}
function two(){
alert("two");
}
$(document).ready(function(){
one();
});
$(document).ready(function(){
two();
});
上面的代码运行后，会分别弹出“one”和“two”。 ui

http://www.cnblogs.com/lindaWei/archive/2012/04/05/2433454.html spa

http://blog.sina.com.cn/s/blog_53ad73d70101axth.html 3d