Перезагрузка javascript document.location.reload

Как сделать простую перезагрузку страницы javascript? Как обновить страницу с помощью JS? How to reload a page using JavaScript?

Подробно о перезагрузке в javascript

1. Синтаксис reload в javascript
2. reload javascript в ссылке
3. reload javascript с задержкой

Скопировать ссылку



Перезагрузка в javascript, синтаксис, объяснение синтаксиса

Начнем нашу страницу с синтаксиса "перезагрузки в javascript"


Синтаксис reload();

document.location.reload();

Пример использования reload();

Обращаю ваше внимание на то, если вы поместите вот такую запись на странице. то попадете в вечный цикл...

<script>document.location.reload();</script>

Поэтому, конструкцию reload() в javascript нужно использовать с каким-то условием...

Для реализации живого примера с использованием reload в javascript нам понадобится...

Кнопка button с id

<button id="example">Выполни reload js</button>

Напишем script, в котором будем использовать onclick + reload

<script>
example.onclick = function(){ document.location.reload(); }
</script>


Разместим выше приведенный код перезагрузки в javascript

Чтобы произошла перезагрузка с помощью javascript нажмите кнопку :"Выполни reload js"
Выполни reload js
Скопировать ссылку



reload javascript в ссылке

Перезагрузка в javascript по нажатию на ссылку.

Иногда требуется перезагрузить страницу в javascript по нажатию на ссылку.

Для того, чтобы перезагрузка произошла в javascript по нажатию на ссылку нам потребуется:

У нас будет ссылка

+ во внутрь поместим onclick, чтобы выполнить нажатие по данному элементу и чтобы это нажатие сработало добавляем "return false;" иначе произойдет переход по ссылке...

<a href="#" onclick="location.reload(); return false;">Обновить страницу</a>

Обновление страницы с помощью javascript по нажатию на ссылку.

Разместим выше приведенный пример прямо здесь:

Обновить страницу
Скопировать ссылку



reload javascript с задержкой

Чтобы сделать перезагрузку с задержкой нам понадобится...

Опять ссылка...

+ onclick

setInterval

<a href="#" onclick="reload_interval(2000); return false;">Обновить страницу через 2 секунды</a>

Напишем пользовательскую функцию "reload_interval"

<script>
function reload_interval(time){
setInterval(function(){
location.reload();
}, time);
}
</script>


Пример перезагрузки в javascript с задержкой

Разместим выше приведенный код прямо здесь. Чтобы перезагрузка произошла нажмите по ссылке "Обновить страницу через 2 секунды"

Обновить страницу через 2 секунды

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---