При нажатии кнопки «Назад» происходит событие кросс-браузерной загрузки? - PullRequest
Новая
       45

При нажатии кнопки «Назад» происходит событие кросс-браузерной загрузки?

177 голосов
/ 01 октября 2008

Для всех основных браузеров (кроме IE) событие JavaScript onload не запускается, когда страница загружается в результате операции кнопки «Назад», - оно запускается только при первой загрузке страницы.

Может кто-нибудь указать мне пример кросс-браузерного кода (Firefox, Opera, Safari, IE, ...), который решает эту проблему? Я знаком с событием pageshow в Firefox, но, к сожалению, ни Opera, ни Safari не реализуют это.

Ответы [ 15 ]

2 голосов
/ 10 мая 2010

Я попробовал решение от Билла, используя $ (document) .ready ... но сначала это не сработало. Я обнаружил, что если сценарий размещен после раздела html, он не будет работать. Если это головной раздел, он будет работать, но только в IE. Скрипт не работает в Firefox.

2 голосов
/ 01 октября 2008

Билл, я смею ответить на твой вопрос, однако я не уверен на 100% в своих догадках. Я думаю, что другие браузеры IE при переносе пользователя на страницу в истории не только загрузят страницу и ее ресурсы из кэша, но и восстановят для нее все состояние DOM (чтение сеанса). IE не выполняет восстановление DOM (или не сдавал в аренду), и, таким образом, событие onload представляется необходимым для правильной повторной инициализации страницы.

1 голос
/ 07 августа 2011

Событие Unload не работает нормально в IE 9. Я пробовал его с событием load (onload ()), оно отлично работает в IE 9 и FF5 .

Пример: 

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    jQuery(window).bind("load", function() {
        $("[name=customerName]").val('');
    });
</script>
</head>
<body>
    <h1>body.jsp</h1>
    <form action="success.jsp">
        <div id="myDiv">

        Your Full Name: <input name="yourName" id="fullName"
            value="Your Full Name" /><br> <br> <input type="submit"><br>

        </div>

    </form>
</body>
</html>
1 голос
/ 01 октября 2008

ОК, я попробовал это, и это работает в Firefox 3, Safari 3.1.1 и IE7, но не в Opera 9.52.
Если вы используете приведенный ниже пример (на основе примера palehorse), вы получите всплывающее окно с предупреждением при первой загрузке страницы. Но если вы затем перейдете на другой URL, а затем нажмете кнопку «Назад», чтобы вернуться на эту страницу, вы не получите всплывающее окно с предупреждением в Opera (но вы получите в других браузерах).

Во всяком случае, я думаю, что это достаточно близко на данный момент. Спасибо всем! 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<meta http-equiv="expires" content="0">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( 
                    function(){
                      alert('test');
                    }
                 );
</script>
</head>
<body>
<h1>Test of the page load event and the Back button using jQuery</h1>
</body>
</html>
0 голосов
/ 01 июля 2018

Я использовал шаблон HTML. В файле custom.js этого шаблона была такая функция: 

    jQuery(document).ready(function($) {

       $(window).on('load', function() {
          //...
       });

    });

Но эта функция не работала, когда я возвращался после перехода на другую страницу.

Итак, я попробовал это, и это сработало: 

    jQuery(document).ready(function($) {
       //...
    });

   //Window Load Start
   window.addEventListener('load', function() {
       jQuery(document).ready(function($) {
          //...
       });
   });

Теперь у меня есть 2 "готовых" функции, но они не дают никаких ошибок, и страница работает очень хорошо.

Тем не менее, я должен объявить, что он тестировался на Windows 10 - Opera v53 и Edge v42, но не на других браузерах. Имейте в виду это ...

Примечание: версия jquery была 3.3.1, а версия перехода была 3.0.0

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...