我們經(jīng)常會遇到這樣的需求：當(dāng)頁面加載完畢后，需要執(zhí)行一些操作。在這種情況下，我們可以使用jQuery來實現(xiàn)。jQuery是一個非常強(qiáng)大的JavaScript庫，提供了豐富的工具和API，可以更輕松地操作DOM。
在jQuery中，使用$(document).ready()函數(shù)來綁定一個函數(shù)，這個函數(shù)會在文檔加載完畢后執(zhí)行。
$(document).ready(function() {
// 執(zhí)行一些操作
});除了使用$(document).ready()函數(shù)，還可以使用$(window).on("load", function() {})函數(shù)來綁定一個函數(shù)，這個函數(shù)會在所有資源（包括圖片和iframe）全部加載完畢后執(zhí)行。
$(window).on("load", function() {
// 執(zhí)行一些操作
});這兩種方式都是等頁面DOM結(jié)構(gòu)構(gòu)建完畢后再執(zhí)行操作，因此可以保證執(zhí)行的順序。
需要注意的是，如果JavaScript代碼寫在了<head>標(biāo)簽中，同時沒有使用defer或async屬性，那么它將先于頁面DOM結(jié)構(gòu)構(gòu)建執(zhí)行，這時候如果使用$(document).ready()函數(shù)，會出現(xiàn)函數(shù)沒有綁定成功的問題。因此我們應(yīng)該將JavaScript代碼放在<body>標(biāo)簽的最后面，或者使用defer或async屬性。