Heim > Web-Frontend > js-Tutorial > Wie kann ich das „onload'-Ereignis nach einem Klick auf die Zurück-Schaltfläche in verschiedenen Browsern zuverlässig auslösen?

Wie kann ich das „onload'-Ereignis nach einem Klick auf die Zurück-Schaltfläche in verschiedenen Browsern zuverlässig auslösen?

Barbara Streisand
Freigeben: 2024-12-06 03:51:10
Original
485 Leute haben es durchsucht

How Can I Reliably Trigger the `onload` Event After a Back Button Click Across Different Browsers?

Browserübergreifende Onload-Ereignisbehandlung nach dem Klicken auf die Zurück-Schaltfläche

Wenn Sie auf einer Website navigieren, löst das Klicken auf die Zurück-Schaltfläche in den meisten Browsern normalerweise nicht das JavaScript-Onload-Ereignis aus, außer für Internet Explorer. Dies stellt eine Herausforderung für die Implementierung von Funktionen dar, die auf diesen Ereignissen basieren.

Es gibt jedoch eine Browserübergreifende Lösung, die das Verhalten der jQuery-Präsenz nutzt:

<body onunload=""><!-- This triggers a page reload -->
Nach dem Login kopieren

Dieser scheinbar harmlose Code zwingt den Browser dazu, die Seite in Safari, Opera und Mozilla neu zu laden, indem er einen Onunload-Ereignis-Listener hinzufügt, unabhängig vom Inhalt von der Event-Handler.

Um dieses Verhalten zu überprüfen, verwenden Sie bitte den folgenden Code:

<body onunload="""><!-- This does the trick -->
<script type="text/javascript">
    alert('first load / reload');
    window.onload = function(){alert('onload')};
</script>
<a href="http://stackoverflow.com">click me, then press the back button</a>
</body>
Nach dem Login kopieren

Sie werden feststellen, dass nach der Verwendung von onunload das Klicken auf den Link und das anschließende Drücken der Zurück-Schaltfläche dazu führt, dass die Seite neu geladen wird. Vergleichen Sie den folgenden Code, er hat kein Onunload und wird beim Zurückgehen nicht neu geladen:

<body><!-- Will not reload on back button -->
<script type="text/javascript">
    alert('first load / reload');
    window.onload = function(){alert('onload')};
</script>
<a href="http://stackoverflow.com">click me, then press the back button</a>
</body>
Nach dem Login kopieren

Diese Lösung, die das jQuery-Verhalten verwendet, kann Onload-ähnliche Funktionen in einer Vielzahl von Browsern implementieren. Wird beim Klicken auf die Schaltfläche „Zurück“ ausgelöst gedrückt wird. Es ist jedoch zu beachten, dass dies dazu führen kann, dass Seiten langsamer geladen werden. Daher sollte vor der Verwendung sorgfältig über die Notwendigkeit nachgedacht werden.

Das obige ist der detaillierte Inhalt vonWie kann ich das „onload'-Ereignis nach einem Klick auf die Zurück-Schaltfläche in verschiedenen Browsern zuverlässig auslösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage