Skript ausführen, wenn der Benutzer auf der HTML-Seite navigiert?

WBOY
Freigeben: 2023-08-20 13:13:06
nach vorne
869 Leute haben es durchsucht

Skript ausführen, wenn der Benutzer auf der HTML-Seite navigiert?

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">
Nach dem Login kopieren

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>
Nach dem Login kopieren

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 von

Beispiel 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>
Nach dem Login kopieren

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 von

Beispiel 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>
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage