Heim > Web-Frontend > js-Tutorial > Wird das Ereignis „onload' ausgelöst, wenn auf die Schaltfläche „Zurück' geklickt wird?

Wird das Ereignis „onload' ausgelöst, wenn auf die Schaltfläche „Zurück' geklickt wird?

DDD
Freigeben: 2024-12-10 01:09:13
Original
189 Leute haben es durchsucht

Does the `onload` Event Fire When the Back Button is Clicked?

Wird das Onload-Ereignis ausgelöst, wenn auf die Zurück-Schaltfläche des Browsers geklickt wird?

Wenn Sie auf gängige Browser wie Firefox, Opera, Safari und IE abzielen, Das Onload-Ereignis in JavaScript wird nicht ausgelöst, wenn eine Seite über die Zurück-Schaltfläche geladen wird. Es wird nur beim ersten Laden der Seite ausgelöst.

Browserübergreifende Kompatibilität erreichen

Um diese Einschränkung zu überwinden und Zurück-Button-Ereignisse in allen gängigen Browsern zu verarbeiten, gibt es eine kreative Lösung wurde mit jQuery entdeckt. Durch das Hinzufügen eines leeren Onunload-Ereignis-Listeners zum Textkörper lösen Safari, Opera und Mozilla versehentlich ein Neuladen der Seite aus. Diese Aktion ahmt die gewünschte Onload-Funktionalität nach.

Hier ist ein einfaches Codebeispiel:

<body onunload="">
  <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

Wenn Sie auf den Link klicken und die Zurück-Schaltfläche drücken, werden Sie feststellen, dass die JavaScript-Warnungen ausgelöst werden. Zeigt an, dass die Seite neu geladen wird.

Überlegung

Denken Sie daran Diese Problemumgehung kann Ihre Seite möglicherweise für Benutzer verlangsamen. Es wird empfohlen, sorgfältig zu prüfen, ob dieser Ansatz wirklich den Anforderungen Ihrer Anwendung entspricht.

Das obige ist der detaillierte Inhalt vonWird das Ereignis „onload' ausgelöst, wenn auf die Schaltfläche „Zurück' geklickt wird?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage