方式一：window.onload：

當(dāng)一個(gè)文檔完全下載到瀏覽器中時(shí)，才會(huì)觸發(fā)window.onload事件。這意味著頁(yè)面上的全部元素對(duì)js而言都是可以操作的，也就是說(shuō)頁(yè)面上的所有元素加載完畢才會(huì)執(zhí)行。這種情況對(duì)編寫功能性代碼非常有利，因?yàn)闊o(wú)需考慮加載的次序。

window.οnlοad=function(){var userName="后端碼匠";alert(userName); }

方式二：$(document).ready{ }：

會(huì)在DOM完全就緒并可以使用時(shí)調(diào)用。雖然這也意味著所有元素對(duì)腳本而言都是可以訪問(wèn)的，但是，并不意味著所有關(guān)聯(lián)的文件都已經(jīng)下載完畢。換句話說(shuō)，當(dāng)HMTL下載完成并解析為DOM樹之后，代碼就會(huì)執(zhí)行。

假設(shè)有一個(gè)表現(xiàn)圖庫(kù)的頁(yè)面，這種頁(yè)面中可能會(huì)包含許多大型圖像，我們可以通過(guò)jQuery隱藏、顯示或以其他方式操作這些圖像。如果我們通過(guò)onload頁(yè)面設(shè)置界面，那么用戶在能夠使用這個(gè)頁(yè)面之前，必須要等到每一幅圖像都下載完成。更糟糕的是，如果行為稍微添加給哪些具有默認(rèn)行為的元素(比如鏈接)，那么用戶的交互可能會(huì)導(dǎo)致意想不到的結(jié)果。然而當(dāng)我們?cè)囉?(document).ready(){ }進(jìn)行設(shè)置時(shí)，這個(gè)界面就會(huì)更早地準(zhǔn)備好可用的正確行為。

使用$(document).ready(){ }一般來(lái)說(shuō)都要優(yōu)于試用onload事件處理程序，但必須要明確一點(diǎn)的是，因?yàn)橹С治募赡苓€沒有家在完成，所以類似圖像的高度和寬度這樣的屬性此時(shí)不一定有效。

$(document).ready(function(){ var userName="后端碼匠";alert(userName); });

方式二可簡(jiǎn)寫為：

$(function(){ var userName="后端碼匠"; alert(userName); }); 與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的页面加载完后立刻执行JS的两种方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。