Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?-html tutorial-php.cn

Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?

WBOY

Lepaskan： 2023-08-20 13:13:06

ke hadapan

848 orang telah melayarinya

Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?

Tugas yang perlu kami lakukan dalam artikel ini ialah melaksanakan skrip apabila pengguna menavigasi ke halaman dalam HTML.

Kita boleh melakukan tugas di atas (melaksanakan skrip apabila pengguna menavigasi ke halaman dalam HTML) dengan menggunakan "onpageshow Event". .

Acara rancangan HTML di halaman

Peristiwa onpageshow dalam HTML berlaku apabila pengguna menavigasi ke halaman web Peristiwa ini berlaku setiap kali halaman dimuatkan.

Tatabahasa

Berikut ialah sintaks acara onpageshow dalam HTML -

<element onpageshow = "myScript">

Salin selepas log masuk

Berikut ialah contoh cara kami menggunakan acara onpageshow dalam HTML, apabila pengguna menavigasi ke halaman dalam HTML.

Contoh 1

Dalam contoh,

Kami menggunakan acara onpageshow apabila pengguna menavigasi ke halaman dalam HTML.
Kami menulis kaedah amaran() di dalam fungsi. Jadi apabila pengguna cuba menavigasi ke halaman, acara onpageshow akan dimatikan.

<!DOCTYPE html>
<html>
<head>
   <title>Execute a script when a user navigates to a page in HTML?</title>
</head>
<body onpageshow="navigate()">
   <h2>Execute a script when a user navigates to a page in HTML?</h2>
   <p><b>Note:</b> The <strong>"onpageshow"</strong> event in HTML will not supported in Internet Explorer 10 and before versions.</p>
   <script>
      function navigate() {
         alert("Welcome to the page!");
      }
   </script>
</body>
</html>

Salin selepas log masuk

Seperti yang dapat kita lihat dalam output; apabila pengguna cuba menavigasi ke halaman, amaran akan dipaparkan pada tetingkap.

Terjemahan bahasa Cina bagi

Contoh 2

ialah:

Contoh 2

Dalam contoh di bawah,

Kami menggunakan acara onpageshow apabila pengguna menavigasi ke halaman dalam HTML.
Kami menulis kenyataan cetakan di dalam fungsi. Jadi apabila pengguna cuba menavigasi ke halaman, acara onpageshow akan dimatikan.

<!DOCTYPE html>
<html>
<head>
   <title>Execute a script when a user navigates to a page in HTML?</title>
</head>
<body onpageshow="navigate()">
   <h2>Execute a script when a user navigates to a page in HTML?</h2>
   <p><b>Note:</b> The <strong>"onpageshow"</strong> event in HTML will not supported in Internet Explorer 10 and before versions.</p>
   <h2 id="heading"> </h2>
   <script>
      function navigate() {
         document.getElementById("heading").innerHTML = "Welcome to the page!";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Seperti yang dapat kita lihat dalam output apabila pengguna cuba menavigasi ke halaman, pernyataan cetakan akan dilaksanakan.

Terjemahan bahasa Cina bagi

Contoh 3

ialah:

Contoh 3

Dalam contoh di bawah,

Kami menggunakan acara onpageshow apabila pengguna menavigasi ke halaman dalam HTML.
Kami menulis kenyataan cetakan di dalam fungsi. Jadi apabila pengguna cuba menavigasi ke halaman, acara onpageshow akan dimatikan.
Dalam kod di bawah; kami telah menulis "window.onpageshow", di sini antara muka tetingkap mewakili tetingkap yang mengandungi dokumen DOM.

<!DOCTYPE html>
<html>
<head>
   <title>Execute a script when a user navigates to a page in HTML?</title>
</head>
<body>
   <h2>Execute a script when a user navigates to a page in HTML?</h2>
   <h3 id="para"></h3>
   <script>
     function Navigate() {
       document.getElementById("para").innerHTML = "Welcome to the page!";
     }
     window.onpageshow = Navigate;
   </script>
</body>
</html>

Salin selepas log masuk

Seperti yang kita lihat dalam output apabila pengguna cuba menavigasi ke halaman, pernyataan cetakan akan dilaksanakan.

Atas ialah kandungan terperinci Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!