使用 JavaScript 或 HTML 刷新页面

Question

如何使用 JavaScript 或 HTML 刷新页面？

Answer 1

JavaScript 中的 window.location.reload();

HTML 中的 （其中 1< /code> = 1 秒）。

Answer 2

这里有 535 种使用 JavaScript 重新加载页面的方法，非常酷：

这里是前 20 个：

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)

和最后 10 个：

self['location']['replace'](self.location['href'])
location.reload()
location['reload']()
window.location.reload()
window['location'].reload()
window.location['reload']()
window['location']['reload']()
self.location.reload()
self['location'].reload()
self.location['reload']()
self['location']['reload']()

_原创文章

Answer 3

只需使用..

location.reload(true/false);

如果为 false，则页面将从缓存中重新加载，否则从服务器中重新加载。

Answer 4

window.location.reload()

应该可以，但是有很多不同的选择，例如：

window.location.href=window.location.href

Answer 5

您也可以使用

<input type="button" value = "Refresh" onclick="history.go(0)" />

它对我来说效果很好。

Answer 6

使用：

window.location.reload();

Answer 7

如果它有一些东西可以控制缓存页面上的更新，我有一个很好的方法来做到这一点。

• 向页面添加一些 javascript，以便在加载时始终以字符串 (ajax) 形式获取页面的版本号。例如：www.yoursite.com/page/about?getVer=1&__[date]
• 如果用户访问过该页面一次，则将其与存储的版本号（存储在 cookie 或 localStorage 中）进行比较，否则直接存储。
• 如果版本与本地版本不同，请使用 window.location.reload(true) 刷新页面，
• 您将看到页面上所做的任何更改。

即使不需要请求，此方法也至少需要一个请求，因为它已经存在于本地浏览器缓存中。但与根本不使用缓存相比，开销更少（以确保页面将显示正确的更新内容）。这仅需要每个页面请求几个字节，而不是每个页面的所有内容。

重要提示：版本信息请求必须在您的服务器上实现，否则它将返回整个页面。

www.yoursite.com/page/about?getVer=1&__[date] 返回的版本字符串示例：
skg2pl-v8kqb

为了给你一个代码示例，这是我的库的一部分（我认为你不能使用它，但也许它会给你一些如何做的想法）：

o.gCheckDocVersion = function() // Because of the hard caching method, check document for changes with ajax 
{
  var sUrl = o.getQuerylessUrl(window.location.href),
      sDocVer = o.gGetData( sUrl, false );

  o.ajaxRequest({ url:sUrl+'?getVer=1&'+o.uniqueId(), cache:0, dataType:'text' }, 
                function(sVer)
                {
                   if( typeof sVer == 'string' && sVer.length )
                   {
                     var bReload = (( typeof sDocVer == 'string' ) && sDocVer != sVer );
                     if( bReload || !sDocVer )
                      { 
                        o.gSetData( sUrl, sVer ); 
                        sDocVer = o.gGetData( sUrl, false );
                        if( bReload && ( typeof sDocVer != 'string' || sDocVer != sVer ))
                         { bReload = false; }
                      }
                     if( bReload )
                      {  // Hard refresh page contents
                        window.location.reload(true); }
                   }
                }, false, false );
};

如果你使用的是版本无关的资源，比如 javascript或 css 文件，添加版本号（通过 url 重写实现，而不是通过查询实现，因为它们大多不会被缓存）。例如：www.yoursite.com/ver-01/about.js

对我来说，这个方法效果很好，也许它也可以帮助你。

Answer 8

试试这个工作正常

jQuery("body").load(window.location.href);