Melaksanakan JavaScript Selepas Pemuatan Halaman
Dalam situasi tertentu, melaksanakan skrip luaran dalam
elemen mungkin menghalang kefungsian halaman kerana pemuatan awal skrip. Ini boleh menghalang akses kepada elemen seperti
sebelum halaman dimuatkan sepenuhnya. Untuk menangani isu ini, pembangun perlu melaksanakan JavaScript selepas dokumen dimuatkan.
Penyelesaian
Terdapat beberapa kaedah yang boleh digunakan untuk melaksanakan JavaScript selepas pemuatan halaman:
-
tunda Atribut: Menambah atribut tangguh pada tag menunjukkan bahawa skrip harus dilaksanakan selepas halaman dihuraikan.
<script src="deferMe.js" defer></script>
Salin selepas log masuk
-
Acara onload: Menambah atribut onload pada elementtriggers pelaksanaan skrip yang disediakan apabila halaman selesai dimuatkan.
<body onload="script();">
Salin selepas log masuk
-
document.onload Event: Event listener ini mendaftarkan fungsi yang akan dipanggil sebaik sahaja halaman mempunyai dimuatkan.
document.onload = function ...
Salin selepas log masuk
-
window.onload Event: Sama seperti document.onload, pendengar acara ini memanggil fungsi selepas halaman dimuatkan. Ia dianggap lebih standard daripada kaedah sebelumnya.
window.onload = function ...
Salin selepas log masuk
Nota:
- Menggunakan defer atau window.onload dianggap sebagai amalan yang baik sebagai ia tidak mengganggu.
- Pendengar acara seperti onload boleh digunakan untuk acara halaman lain seperti mengubah saiz atau menatal.
- Isi halaman harus dimuatkan sepenuhnya sebelum melaksanakan sebarang JavaScript untuk memastikan semua elemen yang diperlukan tersedia.
Atas ialah kandungan terperinci Bagaimana untuk Memastikan JavaScript Dilaksanakan Selepas Pemuatan Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
