Heim > Artikel > Web-Frontend > Skript ausführen, wenn der Benutzer auf der HTML-Seite navigiert?
Skript ausführen, wenn der Benutzer auf der HTML-Seite navigiert?
- WBOYnach vorne
- 2023-08-20 13:13:06846Durchsuche
Die Aufgabe, die wir in diesem Artikel ausführen müssen, besteht darin, ein Skript auszuführen, wenn ein Benutzer zu einer Seite in HTML navigiert.
Wir können die obige Aufgabe (Ausführen eines Skripts, wenn ein Benutzer zu einer Seite in HTML navigiert) ausführen, indem wir „onpageshow Event“ verwenden. Bevor wir uns mit den Beispielen befassen, schauen wir uns die Definition und Verwendung von onpageshow event in HTML an .
HTML-Onpageshow-Event
Das onpageshow-Ereignis in HTML tritt auf, wenn ein Benutzer zu einer Webseite navigiert. Dieses Ereignis tritt jedes Mal auf, wenn die Seite geladen wird.
Grammatik
Das Folgende ist die Syntax des Onpageshow-Ereignisses in HTML -
<element onpageshow = "myScript">
Hier ist ein Beispiel dafür, wie wir das Onpageshow-Ereignis in HTML verwenden, wenn der Benutzer zu einer Seite in HTML navigiert.
Beispiel 1
Im Beispiel
Wir verwenden das onpageshow-Ereignis, wenn der Benutzer zu einer Seite in HTML navigiert.
Wir haben eine Alert()-Methode innerhalb der Funktion geschrieben. Wenn der Benutzer also versucht, zu einer Seite zu navigieren, wird das onpageshow-Ereignis ausgelöst.
<!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>
Wie wir in der Ausgabe sehen können, wird im Fenster eine Warnung angezeigt, wenn der Benutzer versucht, zu einer Seite zu navigieren.
Die chinesische Übersetzung vonBeispiel 2
lautet:Beispiel 2
Im Beispiel unten
Wir verwenden das onpageshow-Ereignis, wenn der Benutzer zu einer Seite in HTML navigiert.
Wir haben eine print-Anweisung innerhalb der Funktion geschrieben. Wenn der Benutzer also versucht, zu einer Seite zu navigieren, wird das onpageshow-Ereignis ausgelöst.
<!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>
Wie wir in der Ausgabe sehen können, wird die Druckanweisung ausgeführt, wenn der Benutzer versucht, zu einer Seite zu navigieren.
Die chinesische Übersetzung vonBeispiel 3
lautet:Beispiel 3
Im Beispiel unten
Wir verwenden das onpageshow-Ereignis, wenn der Benutzer zu einer Seite in HTML navigiert.
Wir haben eine print-Anweisung innerhalb der Funktion geschrieben. Wenn der Benutzer also versucht, zu einer Seite zu navigieren, wird das onpageshow-Ereignis ausgelöst.
Im folgenden Code haben wir „window.onpageshow“ geschrieben, hier stellt die Fensterschnittstelle ein Fenster dar, das ein DOM-Dokument enthält.
<!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>
Wie wir in der Ausgabe sehen können, wird die Druckanweisung ausgeführt, wenn der Benutzer versucht, zu einer Seite zu navigieren.
Das obige ist der detaillierte Inhalt vonSkript ausführen, wenn der Benutzer auf der HTML-Seite navigiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!