В этой статье представлены три методаобновления текущей страницы на js:

  • reload()Метод;
  • replace()Метод;
  • Автообновление страницы;

Метод 1: метод reload()

Метод reload() используется для обновления текущего документа.

Метод reload() похож на кнопку обновления страницы в вашем браузере.

location.reload();

Вы можете использовать событие onclick на кнопке:

<input type="button" onclick="javascript:location.reload();" value="刷新当前页面">

Нажмите кнопку ниже, чтобы обновить текущую страницу:

Для получения дополнительной информации о методе reload() обратитесь к документации:https://www.example.com/jsref/met-loc-reload.html

Метод 2: метод replace()

Метод replace()Может заменить текущий документ новым документом.

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример (example.com)</title>
<script>
function replaceDoc()
{
    window.location.replace("https://www.example.com")
}
</script>
</head>
<body>

<input type="button" value="Загрузить новый документ вместо текущей страницы" onclick="replaceDoc()">

</body>
</html>

Для получения дополнительной информации о методе replace() обратитесь к документации:https://www.example.com/jsref/met-loc-replace.html

Метод 3: Автообновление страницы

Автообновление страницы: добавьте следующий код в область <head>

<meta http-equiv="refresh" content="5">

Здесь 5 означает, что страница обновляется каждые 5 секунд.

Попробуйте »