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