Rumah > Artikel > hujung hadapan web > Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?
Laksanakan skrip apabila pengguna menavigasi pada halaman HTML?
- WBOYke hadapan
- 2023-08-20 13:13:06872semak imbas
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">
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>
Seperti yang dapat kita lihat dalam output; apabila pengguna cuba menavigasi ke halaman, amaran akan dipaparkan pada tetingkap.
Terjemahan bahasa Cina bagiContoh 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>
Seperti yang dapat kita lihat dalam output apabila pengguna cuba menavigasi ke halaman, pernyataan cetakan akan dilaksanakan.
Terjemahan bahasa Cina bagiContoh 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>
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!