suchen

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
Barbara StreisandOriginal
2024-12-06 03:51:10486Durchsuche

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 -->

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>

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>

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!

JavaScript jquery safari for Event 事件 this
Stellungnahme：
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
Vorheriger Artikel：Wie kann ich HTML-Sonderzeichen in JavaScript sicher maskieren?Nächster Artikel：Wie kann ich HTML-Sonderzeichen in JavaScript sicher maskieren?

In Verbindung stehende Artikel

Mehr sehen