JavaScript重新加載頁面的方法

發(fā)布時間：2020-08-29 14:21:32 來源：億速云閱讀：162 作者：小新欄目：web開發(fā)

JavaScript重新加載頁面的方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

在JavaScript中提供了幾種重新加載或刷新HTML頁面的方法，但執(zhí)行此工作的標(biāo)準(zhǔn)方法是使用window.location對象。本篇文章就給大家介紹使用window.location對象重新加載（刷新）頁面的方法。

在window.location對象中提供了一個reload（）方法，該方法指示瀏覽器重新加載頁面。瀏覽器可以從其緩存或服務(wù)器執(zhí)行此操作，這取決于可選參數(shù)，即reload（true）將從服務(wù)器重新加載頁面，reload（false）將僅從瀏覽器的緩存中重新加載頁面。

下面我們就通過簡單的代碼示例來介紹JavaScript重新加載（刷新）頁面的方法。

在示例中，將介紹使用jQuery和JavaScript從服務(wù)器和瀏覽器的緩存重新加載頁面。

在我們的HTML中，有兩個按鈕，一個用于從服務(wù)器重新加載頁面，另一個用于從瀏覽器緩存的刷新頁面。雖然location.reload（）可以在所有瀏覽器中使用，但你也可以使用jQuery來包裝其他代碼，例如將單擊處理程序附加到兩個按鈕。

示例代碼：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>使用jQuery和JavaScript重新加載(刷新)頁面</title>
		<script type="text/javascript" src="query.min.js" ></script>
	</head>

	<body>
		<h3>如何使用jQuery和JavaScript重新加載(刷新)頁面</h3>

		<button id="btn_reload">從服務(wù)器重新加載</button>
		<button id="btn_refresh">從瀏覽器的緩存中重新加載</button>
		<script>
			$(document).ready(function(){
				$("#btn_refresh").click(function() {
					location.reload(false); //從瀏覽器的緩存加載 
				});
				$("#btn_reload").click(function() {
					location.reload(true); //從服務(wù)器加載
				});
			});
		</script>

	</body>

</html>

效果圖：

JavaScript重新加載頁面的方法

注意：

window.location.reload()將指示瀏覽器重新加載頁面，這意味著將從服務(wù)器上重新下載數(shù)據(jù)，解析并顯示它。你也可以使用location.reload(false)方法從瀏覽器的緩存重新加載頁面。

順便說一下，你也可以使用history.go(0)和location.replcace(locatoin.pathname)來重新加載頁面。

感謝各位的閱讀！看完上述內(nèi)容，你們對JavaScript重新加載頁面的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

JavaScript重新加載頁面的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽