Location.reload() 方法

Location 接口表示它所链接到的对象的 URL。
location 对象就像一块 window 对象,通过 window.location 属性调用。
该位置的方法之一是 reload(),用于重新加载文档。

如何使用 JavaScript 重新加载页面

JavaScript 为开发人员提供了一种流行的方法—— location.reload() ,它可以找到在当前 URL 处重新加载页面的方法。

window.location 对象可用于获取当前页面的 URL,将浏览器重定向到另一个页面,以及重新加载同一页面。
该窗口代表浏览器中一个打开的窗口,位置保存有关当前 URL 的信息。

location.reload 有 forceGet 参数。
该参数具有布尔值 true 或者 false。

要重新加载同一页面,请执行以下操作:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <input type="button" value="Reload Page" onClick="window.location.reload(true)">
    <div>Welcome to onitroad</div>
  </body>
</html>

如果该参数设置为 true,它将从服务器重新加载页面。

如果该参数设置为 false,它将使用浏览器缓存的页面版本重新加载页面:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <input type="button" value="Reload Page" onClick="window.location.reload(false)">
    <div>Welcome to onitroad</div>
  </body>
</html>

默认情况下,JavaScript reload() 方法从缓存加载页面。

False 是默认参数。
如果不指定,结果和 window.location.reload(false) 一样;

还有另一种使用 timeRefresh 命令重新加载页面的方法。
我们可以指定刷新页面的频率,它将不间断地加载:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body onLoad="timeRefresh(2000);">
    <script>
      function timeRefresh(time) {
        setTimeout("location.reload(true);", time);
      }
    </script>
    <h3>此页面将在 2 秒后自动刷新。</h3>
  </body>
</html>
日期:2020-06-02 22:16:24 来源:oir作者:oir