在JavaScript如何讓頁面重新載入-js教程-PHP中文網

在JavaScript如何讓頁面重新載入

清浅

發布： 2018-12-13 09:09:14

原創

7698 人瀏覽過

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

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

【推薦課程：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如何讓頁面重新載入