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!