迹忆客 专注技术分享

在今天的文章中，我们将学习如何在 jQuery 中使用 location 和 history 对象来刷新页面。

使用 location.reload() 方法在 jQuery 中刷新页面

统一资源定位器是页面位置，由 location 接口表示。对其所做的更改会反映在它所引用的对象中。

文档和窗口接口有一个关联的位置，可以分别通过 Document.location 和 Window.location 访问。

与刷新按钮一样，location.reload() 技术会重新加载现有 URL。location.reload() 是一个众所周知的 JavaScript 方法；因此，你不需要 jQuery。

重新加载可能会挂起并抛出 SECURITY_ERROR DOMException。如果脚本调用 location.reload() 的基础与拥有 location 对象的页面的来源不同，则会发生这种情况。

语法：

reload();

让我们通过以下示例来理解它。

HTML 代码：

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

JavaScript 代码：

$('#btn').click(function() {
  location.reload();
});

尝试在任何支持 jQuery 的浏览器中运行上述代码片段。它将重新加载页面。

在 jQuery 中使用 history.go() 方法刷新页面

history.go() 方法加载会话历史的特定页面。你可以使用它根据参数的值在历史中来回移动；这个方法是异步的。

history.go() 方法根据传递的参数从浏览器的历史记录中加载一个 URL。如果给定参数为 0，它将重新加载当前页面。

语法：

history.go(0);

让我们通过以下示例来理解它。

HTML 代码：

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

JavaScript 代码：

$('#btn').click(function() {
  history.go(0);
});

尝试在任何支持 jQuery 的浏览器中运行上述代码片段。它将重新加载页面。

在此处查看演示。