js&jquery頁面加載完執行

js

<script type=”text/javascript”>

window.onload=function (){

    var userName=”xiaoming”;

    alert(userName);

}
</script>

jquery(在DOM加載完就可以執行（比window.onload更早）。在同一頁面中可以多次出現.ready())

<script type=”text/javascript”>

$(document).ready(function (){

    var userName=”xiaoming”;

    alert(userName);

});
</script>

兩者主要區別：Window.onload=function (){}:

當一個文檔完全下載到瀏覽器中時，才會觸發window.onload事件。這意味着頁面上的全部元素對js而言都是可以操作的，也就是說頁面上的所有元素加載完畢才會執行。這種情況對編寫功能性代碼非常有利，因為無需考慮加載的次序。

$(document).ready(function (){});

會在DOM完全就緒並可以使用時調用。雖然這也意味着所有元素對腳本而言是可以訪問的，但是，並不意味着所有關聯的文件都已經下載完畢。換句話說，當HTML下載完成並解析為DOM樹之后，代碼就會執行。

所以一般來說用Window.onload是可靠的。但是有時候在IE中js用defer=”defer”延時加載，有時會不好使，這時我們要用ready方法。