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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。