使用JavaScript或HTML刷新页面

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

window.location.reload(); 在JavaScript中

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

这里有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']() 

来源文章

简单地使用..

 location.reload(true/false); 

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

你可以使用window.location.reload();来执行这个任务window.location.reload(); 由于有很多方法来做到这一点,但我认为这是用JavaScript重新加载相同的文件的适当方式。 这是解释

可以使用Javascript的window.location对象

  • 获取当前页面地址(URL)。
  • 将浏览器redirect到其他页面。
  • 重新加载相同的页面。

窗口 – java-script中的窗口对象表示浏览器中的打开窗口。

位置 – java脚本中的位置对象保存有关当前URL的信息。

位置对象就像窗口对象的一个​​片段,通过window.location属性被调用。

位置对象有三个方法 –

  1. assign()用于加载新文档
  2. reload()用于重新加载当前文档。
  3. replace()用于用新的replace当前文档

所以在这里我们需要使用reload(),因为它可以帮助我们重新加载相同的文档。

所以使用它像window.location.reload();

在线演示jsfiddle

要让浏览器直接从服务器中检索页面,而不是从caching中检索,可以传递一个true参数给location.reload():

 window.location.reload() 

应该工作,但有许多不同的选项,如:

 window.location.href=window.location.href 

使用:

 window.location.reload(); 

如果它有什么要做控制更新caching页面,我有一个很好的方法如何做到这一点。

  • 添加一些JavaScript的页面,总是得到页面的版本号作为一个string(Ajax)在加载。 例如: www.yoursite.com/page/about?getVer=1&__[date]
  • 如果用户访问了该页面一次,则将其与存储的版本号(存储在cookie或localStorage中)进行比较,否则将其直接存储。
  • 如果版本不同于本地版本,则使用window.location.reload(true)刷新页面
  • 您将看到在页面上所做的任何更改。

即使不需要请求,该方法也至less需要一个请求,因为它已经存在于本地浏览器caching中。 但是,与根本不使用caching相比,开销较小(确保页面将显示正确的更新内容)。 这仅需要每个页面请求的几个字节,而不是每个页面的所有内容。

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

www.yoursite.com/page/about?getVer=1&__[date]返回的版本string示例: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重写实现,而不是使用查询,因为它们通常不会被caching)。 例如:www.yoursite.com/ver-01/about.js

对我来说,这个方法工作得很好,也许它也可以帮助你。

你也可以使用

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

它对我来说工作正常。

试试这个工作正常

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