Перезагрузка (обновление) страницы с помощью JavaScript и библиотеки JQuery

Недавно в процессе разработки у меня возник вопрос – «Как перезагрузить страницу с помощью javascript или JQuery?«.

Этот вопрос задают на многих форумах, однако пути решения, которые там представлены, работали только на отдельных браузерах.

Как оказалось все гениальное просто, и для обновления страцы с помощью JavaScript необходимо написать такой код:

 location.reload();

Функция reload([forceget]) позволяет перезагрузить страницу по текущему URL, и принимает один необязательный параметр.
Параметр forceget — булево значение(может принимать true или false). Если передано true, то документ всегда загружается с сервера, если же аргумент равен false или не присвоено, то браузер может использовать страницу из своего кэша.

Этот вариант я проверил в разных браузерах: IE7, Firefox 3 и Chrome, всё работает отлично! Надеюсь, что в других версиях браузеров он будет работать так-же хорошо!

Пример перезагрузки/обновления страницы с помощью jQuery

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Перезагрузка/Обновление страницы с помощью jQuery</title>
    <script type="text/javascript"
        src="http://code.jquery.com/jquery-latest.js">
    </script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#Button1').click(function() {
              location.reload();	//JavaScript функция перегрузки страницы
            });
        });
    </script>

   <input id="Button1" type="button" value="Обновить" />
</body>
</html>

В этом примере с помощью JQuery на событие нажатия кнопки поцеплена функция, перегружающая страницу.

 Здесь можно просмотреть демо странички с JQuery перезагрузкой страницы.

Так-же рекомендую ознакомиться с другими статьями по JavaScript и JQuery.

Если этот код не заработает каком-либо браузере, отпишитесь пожалуйста в комментариях!

  • Дмитрий

    Я так понимаю, в самом последнем абзаце как раз таки вся соль и изложена 😉