在 jQuery 中刷新页面

Shraddha Paghdar 2023年1月30日 2022年7月12日
  1. 使用 location.reload() 方法在 jQuery 中刷新页面
  2. 在 jQuery 中使用 history.go() 方法刷新页面
在 jQuery 中刷新页面

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

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

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

文档和窗口接口有一个关联的位置,可以分别通过 Document.locationWindow.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 的浏览器中运行上述代码片段。它将重新加载页面。

在此处查看演示

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn