原生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>