history.forward() Funktion in JavaScript

Shiv Yadav 15 Februar 2024
history.forward() Funktion in JavaScript

Dieser Artikel zeigt Ihnen, wie Sie mit JavaScript im Browser navigieren.

Verwenden Sie die history.forward() Funktion in JavaScript

Das History-Objekt, auf das immer als Teil des Fensterobjekts des Browsers zugegriffen werden kann, hat in JavaScript eine Funktion namens forward(). Die Schaltfläche Weiterleiten in Ihrem Browser entspricht der Verwendung der Funktion history.forward().

Die Methode wird in einer HTML-Seite folgendermaßen aufgerufen.

Beispielcode:

<body>
  <h1>Next Page</h1>
  <a href="b.html">To Next Page</a>

  <script>
    window.history.forward();
  </script>
</body>

Wenn der Verlauf Ihres Browsers die nächste Seite nicht enthält, hat die Funktion history.forward() keine Wirkung.

Die Funktion history.forward() wird oft verwendet, um den Zurück-Button für Online-Anwendungen zu deaktivieren, die robustere Sicherheitsmassnahmen benötigen und zur nächsten Seite im Browserverlauf zu wechseln. Fügen Sie dazu die Funktion history.forward() auf Seiten ein, zu denen die Benutzer nicht zurückkehren sollen.

Nehmen wir ein Szenario, in dem Sie zwei Webseiten haben, a.html und b.html, und Sie können von a.html aus auf b.html zugreifen.

Beispielcode:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <h1>Next Page</h1>
    <a href="b.html">To Next Page</a>

    <script>
      window.history.forward();
    </script>
  </body>
</html>

Das folgende Skript kann der Seite a hinzugefügt werden, wenn Sie nicht möchten, dass der Benutzer von der Seite b zur Seite a zurückkehrt.

Skript:

<script>window.history.forward();</script>

Erstellen Sie zuerst zwei Webseiten wie a.html und b.html und speichern Sie beide Dateien. Stellen Sie sicher, dass sich der Code auf der Hauptseite befindet, um auf eine andere Seite wie b.html umzuleiten.

Ausgabe:

Verwenden Sie die Funktion history.forward auf der Hauptseite

Wenn Sie auf den Link (Zur nächsten Seite) klicken, werden Sie zur nächsten HTML/Seite weitergeleitet.

die zweite Seite

Wenn Sie von der Seite b auf die Seite a zurückkehren, wird automatisch die Funktion history.forward() aufgerufen, da es keine Methode gibt, um den Zurück-Button im Browser per JavaScript zu deaktivieren.

Dieser Ansatz wurde von bestimmten Programmen verwendet, die verhindern müssen, dass Benutzer die aktuelle Seite verlassen und zurückkehren.

Autor: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

Verwandter Artikel - JavaScript Function