瀏覽器渲染時 首先解析DOM結構 （同時在發送請求 去請求其他資源 比如圖片 視頻 等 ） DOM結構解析完畢 這個時候jQuery看准時機在這里添加了監聽 所以Ready方法執行很早，可能會引起其他插件沒有加載而在ready（handler）中使用引發錯誤，其后渲染圖片 樣式 計算頁面布局等 這一塊相對的耗時比較長，全部結束后出發了window.onload事件
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
</body>
<script src="jquery.js"></script>
<script>
window.onload = function () {
alert('onload');
};
$(document).ready(function(){
alert('ready');
});
</script>
</html>
這個代碼可以看出先執行ready，在執行window.onload事件
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
</body>
<script src="jquery.js"></script>
<script>
var sayHi1;
var sayHi1 = function(){
alert("sayHi1");
}
sayHi1();
$(document).ready(function(){
var sayHi = function(){
alert("kaishi ");
}
sayHi();
});
</script>
</html>
這個代碼是先彈出sayHi1，再彈出kaishi