在 jQuery 中重新整理頁面
在今天的文章中,我們將學習如何在 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 的瀏覽器中執行上述程式碼片段。它將重新載入頁面。
在此處檢視演示。
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