Laksanakan skrip apabila elemen dimuatkan dalam HTML?-html tutorial-php.cn

Laksanakan skrip apabila elemen dimuatkan dalam HTML?

WBOY

Lepaskan： 2023-08-29 20:41:05

ke hadapan

1148 orang telah melayarinya

Laksanakan skrip apabila elemen dimuatkan dalam HTML?

Dalam artikel ini, kita akan belajar cara melaksanakan skrip selepas memuatkan elemen dalam HTML.

Apabila memuatkan objek, peristiwa onload berlaku. Muatan paling biasa digunakan dalam elemen

untuk menjalankan skrip selepas halaman web memuatkan sepenuhnya semua kandungannya. Ini boleh digunakan untuk pelbagai tujuan, seperti menyemak kuki atau menetapkan versi halaman yang sesuai berdasarkan pelayar pengguna.

Mari selami artikel ini untuk mengetahui lebih lanjut tentang melaksanakan skrip selepas memuatkan elemen dalam HTML.

Gunakan kaedah Onload

Selepas elemen selesai dimuatkan, acara onload akan berlaku. Untuk melaksanakan skrip selepas halaman web dimuatkan sepenuhnya, gunakannya dengan elemen badan.

tatabahasa

Berikut ialah sintaks kaedah onload.

<body onload="functionToBeExecuted">

Salin selepas log masuk

Contoh

Dalam contoh di bawah, kami menggunakan kaedah onload.

<!DOCTYPE html>
<html>
<body onload="loadFunction()">
   <h1>Welcome To TutorialsPoint</h1>
   <script>
      function loadFunction() {
         alert("Loaded Successfully");
      }
   </script>
</body>
</html>

Salin selepas log masuk

Apabila skrip dilaksanakan, acara dicetuskan dan makluman "berjaya dimuatkan" dipaparkan pada halaman web.

Jika pengguna mengklik "OK", halaman akan berjaya dimuatkan dan memaparkan teks "Selamat Datang ke Tutorial Point".

Gunakan kaedah window.onload

Atribut onload bagi elemen tetingkap digunakan untuk melaksanakan skrip selepas halaman web dimuatkan sepenuhnya. Setelah halaman web dimuatkan, ciri ini akan diaktifkan oleh atribut onload.

tatabahasa

Berikut ialah sintaks kaedah tetingkap.onload

window.onload = function exampleFunction() {
   // Function to be executed
}

Salin selepas log masuk

Contoh

Pertimbangkan contoh berikut di mana kami menggunakan kaedah window.onload.

<!DOCTYPE html>
<html>
<body>
   <h1>The Best E-Way Learning.</h1>
   <script>
      function loadFunction() {
         alert("Window Loaded Successfully");
      }
      window.onload = loadFunction();
   </script>
</body>
</html>

Salin selepas log masuk

Apabila menjalankan skrip di atas, tetingkap output akan muncul Apabila acara dicetuskan pada halaman web, makluman "Tetingkap berjaya dimuatkan" akan dipaparkan.

Apabila pengguna mengklik "OK", tetingkap berjaya dimuatkan dan memaparkan teks "Cara Belajar Elektronik Terbaik" di halaman web.

Atas ialah kandungan terperinci Laksanakan skrip apabila elemen dimuatkan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!