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


Answers

location.reload();

有关location对象的更多信息,请参阅此MDC页面

Question

我如何使用JavaScript重新加载页面? 我需要一种适用于所有浏览器的方法。




这应该工作:

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



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

可以使用JavaScript window.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=document.URL

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




如果你放

window.location.reload(true);

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




使用按钮或放入“一个(锚)”标签

<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



谢谢你,这篇文章不仅有助于重载页面和建议的答案,而且给了我一个将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年2月7日

2 [ ] 2







Links



Tags

javascript javascript