在 jQuery 中重新整理頁面

1. 使用 location.reload() 方法在 jQuery 中重新整理頁面
2. 在 jQuery 中使用 history.go() 方法重新整理頁面

在今天的文章中，我們將學習如何在 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 的瀏覽器中執行上述程式碼片段。它將重新載入頁面。

在此處檢視演示。