使用JavaScript或HTML刷新页面[重复]

2020/10/12 07:01 · javascript ·  · 0评论

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

window.location.reload(); 在JavaScript中

<meta http-equiv="refresh" content="1">在HTML中(其中1= 1秒)。

这是使用javascript刷新页面的535种方法,非常酷:

以下是前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']()

来源文章

只需使用..

location.reload(true/false);

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

window.location.reload()

应该可以工作,但是有许多不同的选择,例如:

window.location.href=window.location.href

您也可以使用

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

这对我来说可以。

用:

window.location.reload();

如果它可以控制缓存页面上的更新,那么这里有一个很好的方法。

  • 在页面上添加一些JavaScript,这些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

对我来说,这种方法效果很好,也许可以帮到您。

试试这个工作正常

jQuery("body").load(window.location.href);
本文地址:http://javascript.askforanswer.com/shiyongjavascripthuohtmlshuaxinyemianzhongfu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!