在 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