原生js頁面加載事件和JQuery頁面加載事件

原生js頁面加載事件和JQuery頁面加載事件:

         執行順序:

                            1、JQuery頁面加載事件先執行
                            2、原生js頁面加載事件後執行

         原因:1、JQuery頁面加載完成之後是瀏覽器的內核解析完頁面的標籤創建好Dom對象之後就會馬上執行
                    2、$(function(){}全寫$(document).ready(function(){})  看字面意思 等document準備好以後 ready()
                    3、原生js頁面加載完成之後除了要等瀏覽器的內核解析完頁面的標籤創建好Dom對象,還要等標籤顯示時需要的內容的加載

         執行次數:

                         1、原生js的頁面加載事件,只會執行一次,如果寫了多個,會執行最後一個
                         2、JQuery的頁面加載事件,可以執行多次,並且按照寫的函數的順序執行

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"></script>
<script type="text/javascript" src="../../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
	//$(function(){}) 和  window.onload = function(){}的區別

	//3、window.onload & $(function(){})
	//window.onload只可以使用一次
	//$(function(){})可以使用多次
	
	//JQuery頁面加載事件先執行
	//原生js頁面加載事件後執行
	
	//JQuery頁面加載完成之後是瀏覽器的內核解析完頁面的標籤創建好Dom對象之後就會馬上執行
	//$(function(){}全寫$(document).ready(function(){})
	//原生js頁面加載完成之後除了要等瀏覽器的內核解析完頁面的標籤創建好Dom對象,還要等標籤顯示時需要的內容的加載
	
	//原生js的頁面加載事件,只會執行一次,如果寫了多個,會執行最後一個
	//JQuery的頁面加載事件,可以執行多次,並且按照寫的函數的順序執行
	window.onload = function(){
		alert("原生js頁面加載完成")
	}
	window.onload = function(){
		alert("原生js頁面加載完成2")
	}
	window.onload = function(){
		alert("原生js頁面加載完成3")
	}
	
	$(function(){
		alert("jquery頁面加載完成1")
	})
	$(function(){
		alert("jquery頁面加載完成2")
	})
	$(function(){
		alert("jquery頁面加載完成3")
	})
</script>
</head>
<body>
	<button>我是按鈕</button>
	
	<iframe src="http://www.baidu.com"></iframe>
	
</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章