如何使用JavaScript重新加载页面

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

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

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'.

location.reload();

有关更多信息，请参见此MDN页面。

如果您在之后刷新，onclick则需要在之后直接返回false

location.reload();
return false;

这里有535种使用JavaScript重新加载页面的方法，最简单的方法是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']
...

您可以使用执行此任务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。

尝试：

window.location.reload(true);

设置为“ true”的参数将从服务器重新加载新副本。忽略它会从缓存中提供页面。

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

我正在寻找有关通过POST请求检索的页面上的重新加载的一些信息，例如提交method="post"表单后。

要重新加载保存POST数据的页面，请使用：

window.location.reload();

要重新加载丢弃POST数据的页面（执行GET请求），请使用：

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

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

要使用JavaScript重新加载页面，请使用：

window.location.reload();

这对我有用：

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

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

如果你把

window.location.reload(true);

在页面开始时，没有其他条件可以确定该代码为何运行，页面将加载，然后继续重新加载自身，直到关闭浏览器。

location.href = location.href;

要使其变得简单，请使用location.reload()。location.reload(true)如果要从服务器中获取内容，也可以使用。

使用按钮或将其放在“ 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

最短（更多）

history.go()

20秒后自动重新加载页面。

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

谢谢，这篇文章非常有帮助，不仅可以用建议的答案重新加载页面，还可以给我一个将jQuery UI图标放置到按钮上的想法：

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

2016-07-02

这应该工作：

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()

使用此按钮刷新页面

演示

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

reload（）方法用于重新加载当前文档。

reload（）方法的作用与浏览器中的reload按钮相同。

默认情况下，reload（）方法从缓存中重新加载页面，但是您可以通过将forceGet参数设置为true来强制它从服务器重新加载页面：location.reload（true）。

        location.reload();

您可以简单地使用

window.location=document.URL

其中document.URL获取当前页面的URL，window.location重新加载它。