Bagaimana untuk Memastikan JavaScript Dilaksanakan Selepas Halaman Dimuat Sepenuhnya?-tutorial js-php.cn

Bagaimana untuk Memastikan JavaScript Dilaksanakan Selepas Halaman Dimuat Sepenuhnya?

Patricia Arquette

Lepaskan： 2024-12-20 12:58:26

asal

783 orang telah melayarinya

How to Ensure JavaScript Executes After the Page Fully Loads?

Cara Melaksanakan JavaScript selepas Pemuatan Halaman

Melaksanakan skrip luaran dalam bahagian halaman HTML anda boleh menimbulkan cabaran apabila cuba mengakses elemen dalam . Ini berlaku kerana skrip dilaksanakan sebelum halaman dimuatkan sepenuhnya. Untuk menangani isu ini, pertimbangkan penyelesaian berikut:

tunda Atribut:

Tambahkan atribut tangguh pada tag:

<script src="deferMe.js" defer></script>

Salin selepas log masuk

Dengan atribut ini, skrip akan dilaksanakan sejurus sebelum halaman selesai menghuraikan DOM.

Peristiwa muat badan:

Sertakan pengendali acara onload dalam tag:

<body onload="script();">

Salin selepas log masuk

Acara ini akan mencetuskan pelaksanaan fungsi skrip() apabila halaman selesai dimuatkan.

DOMContentLoaded Event:

Gunakan acara DOMContentLoaded, yang disokong oleh kebanyakan orang pelayar:

document.addEventListener("DOMContentLoaded", function() {
  // Your script
});

Salin selepas log masuk

Acara ini dicetuskan apabila DOM dimuatkan sepenuhnya, tetapi sebelum imej dan gaya selesai dipaparkan.

Peristiwa window.onload:

Sebagai alternatif, anda boleh menggunakan acara window.onload:

window.onload = function() {
  // Your script
};

Salin selepas log masuk

Ini acara dianggap lebih standard daripada document.onload dan disokong secara meluas merentas penyemak imbas.

Penyelesaian Tidak Menganggu:

Untuk pendekatan yang tidak menonjol, pertimbangkan untuk menggunakan atribut tangguh atau pengendali acara window.onload. Kaedah ini akan melaksanakan skrip anda selepas halaman dimuatkan, memastikan anda boleh mengakses elemen yang berkaitan dalam skrip anda.

Atas ialah kandungan terperinci Bagaimana untuk Memastikan JavaScript Dilaksanakan Selepas Halaman Dimuat Sepenuhnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!