使用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);
    Interesting Posts

    强制页面滚动位置在页面刷新页面顶部

    当前页面的JavaScript硬刷新