使用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属性被调用。
位置对象有三个方法 –
- assign()用于加载新文档
- reload()用于重新加载当前文档。
- 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);