如何使用JavaScript重新加载页面

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

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

1780461 次浏览
location.reload();

查看此MDN页面以获取更多信息。

如果你在onclick之后刷新,那么你需要在onclick之后直接返回false

location.reload();return false;
location.href = location.href;

JavaScript 1.2及更高版本

window.location.reload();// If we needed to force the document to be fetched from the// web server again (such as where the document contents// change dynamically but cache control headers are not// configured properly), Firefox supports a non-standard// parameter that can be set to true to bypass the cache://window.location.reload(true);

JavaScript 1.1

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

JavaScript 1.0

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

如果你把

window.location.reload(true);

在页面开始时,如果没有其他条件限定该代码运行的原因,页面将加载,然后继续重新加载,直到您关闭浏览器。

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

可以使用JavaScriptwindow.location对象

  • 获取当前页面地址(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的参数从服务器重新加载新副本。将其保留将从缓存中提供页面。

更多信息可以在MSDNMozilla留档中找到。

这对我有用:

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

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

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

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

window.location.reload();

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

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

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

这应该工作:

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

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

我更喜欢这一点,原因如下:

  • 删除#之后的部分,确保页面在不会重新加载包含它的内容的浏览器上重新加载。
  • 如果您最近提交了表单,它不会询问您是否要重新发布上次内容。
  • 它甚至可以在最新的浏览器上运行。在持久的Firefox和Chrome上测试。

或者,您可以为此任务使用最新的官方方法

window.location.reload()

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

window.location.reload();

最短(更多

history.go()

JavaScript重新加载()方法用于重新加载当前文档或URL。JavaScriptlocation.reload(true)方法的工作方式就像浏览器中的重新加载按钮一样。默认情况下,JS重新加载()方法从缓存中重新加载页面,但是您可以通过将forceGet参数设置为true来强制它从服务器端重新加载页面:位置。重新加载(true)。来源:https://www.coderepublics.com/JavaScript/javascript-location-reload-true.php

什么是浪费?现在不建议使用forcedReload重新加载。但是为了避免错误,你可以使用不带forceReload标志的location.reload()。