首頁 >web前端 >js教程 >在JavaScript如何讓頁面重新載入

在JavaScript如何讓頁面重新載入

清浅原創: 2018-12-06 16:01:337728瀏覽

在JavaScript中可以將reload（）方法的值設為true來讓頁面重新載入

當我們在瀏覽頁面時，在瀏覽器思維左上角有一個按鈕，讓我們去刷新頁面，那麼在程式裡是如何操作的呢，接下來將在文章中和大家介紹在JavaScript中如何實現頁面加載技術，有一定的參考價值，希望對大家有所幫助。

要實作頁面載入就需要用到reload()方法，這個方法的用處就是重新載入目前文件

reload() 方法##

location.reload()

我們將reload（）的值設為true時，它都會繞過緩存，從伺服器上重新下載文檔，就跟我們每次點擊瀏覽器的刷新按鈕一樣。

如果將該方法設為false或不設定參數時，它就會用HTTP 頭中If-Modified-Since 來偵測伺服器上的文件是否已經改變，如果文件已經改變，則reload () 會再次下載該文件；如果文件未改變，則該方法將從快取中裝載文件。

範例：

<body>
		<input type="button" value="刷新" onclick="document.location.reload(true);">
		<p>点击上面的按钮会刷新页面</p>
		<img  src="images/1.jpg"  style="max-width:90%" alt="在JavaScript如何讓頁面重新載入" >
</body>

效果圖如下：

在JavaScript如何讓頁面重新載入

#我們也可以設定時間，例如隔多少時間頁面刷新一次

範例：設定隔5s頁面刷新一次

<body>
		<p>页面隔5s会刷新一次</p>
	<img  src="images/1.jpg"  style="max-width:90%" alt="在JavaScript如何讓頁面重新載入" >
	<script type="text/javascript">

		function timedReload(time){
			setTimeout("location.reload(true);",time);
			
		}
		window.onload=timedReload(5000);
	</script>

效果圖如下:

在JavaScript如何讓頁面重新載入

#我們可以設定一個彈出框按鈕，當我們點選重新整理時會彈出一個對話框，當點擊確定時頁面刷新，點擊取消時頁面不刷新

例：

<p><a href="javascript:sureReload();">刷新</a></p>
	<img  src="images/1.jpg"  style="max-width:90%" alt="在JavaScript如何讓頁面重新載入" >
	<script type="text/javascript">
		function sureReload(){
		var sure=confirm("你确定刷新页面吗？");
		if(sure==true){
			setTimeout("location.reload(true);",5000);
		}
	}
	</script>

效果圖如下

在JavaScript如何讓頁面重新載入

#總結：以上就是這篇文章的全部內容了，希望透過文章可以讓大家對JavaScript頁面載入有一定的了解。

###

以上是在JavaScript如何讓頁面重新載入的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：node.js如何為PDF新增浮水印（程式碼範例）下一篇：node.js如何為PDF新增浮水印（程式碼範例）

看更多