如何使用JavaScript重新加载页面

Question

如何使用JavaScript重新加载页面？

我需要一种适用于所有浏览器的方法.

Answer 1

JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

Answer 2

location.reload();

有关更多信息,请参阅此MDN页面.

Answer 3

以下是使用JavaScript重新加载页面的535种方法,最简单的方法location = location.

这是第50个:

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)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

Answer 4

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

window.location可以使用JavaScript 对象

• 获取当前页面地址(URL)
• 将浏览器重定向到另一个页面
• 重新加载同一页面

window:在JavaScript中表示浏览器中的打开窗口.

location:在JavaScript中保存有关当前URL的信息.

该location对象就像是对象的一个​​片段,window并通过window.location属性调用.

location 对象有三种方法:

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

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

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

关于jsfiddle的在线演示

要让浏览器直接从服务器检索页面而不是从缓存中检索页面,可以将true参数传递给location.reload().此方法与所有主流浏览器兼容,包括IE,Chrome,Firefox,Safari,Opera.

Answer 5

尝试:

window.location.reload(true);

设置为"true"的参数会从服务器重新加载新副本.离开它将从缓存服务页面.

可以在MSDN和Mozilla文档中找到更多信息.

Answer 6

我正在寻找有关使用POST请求检索的页面上的重新加载的一些信息,例如在提交method="post"表单之后.

要重新加载保留POST数据的页面,请使用:

window.location.reload();

要重新加载丢弃POST数据的页面(执行GET请求),请使用:

window.location.href = window.location.href;

希望这可以帮助其他人寻找相同的信息.

Answer 7

这对我有用:

function refresh() {

    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/

Answer 8

要使用JavaScript重新加载页面,请使用:

window.location.reload();

Answer 9

如果你放

window.location.reload(true);

在页面的开头没有其他条件限定为什么代码运行,页面将加载,然后继续重新加载自己,直到您关闭浏览器.

Answer 10

location.href = location.href;

Answer 11

最短（更多）

history.go()

Answer 12

使用按钮或只是将其放在"a"(锚)标签内:

<input type="button" value="RELOAD" onclick="location.reload();" />

尝试这些以满足其他需求:

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

Answer 13

为了简单易用,请使用location.reload().location.reload(true)如果您想从服务器中获取内容,也可以使用.

Answer 14

这应该有效：

window.location.href = window.location.href.split( '#' )[0];

或者

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

我更喜欢这个，原因如下：

• 删除 # 之后的部分，确保页面在浏览器上重新加载，不会重新加载包含它的内容。
• 如果您最近提交了表单，它不会询问您是否要重新发布最后的内容。
• 即使在最新的浏览器上它也应该可以工作。在 Lasted Firefox 和 Chrome 上测试。

或者，您可以使用最新的官方方法来完成此任务

window.location.reload()