如何在JavaScript中使頁面重新加載

發(fā)布時(shí)間：2020-07-09 11:38:59 來源：億速云閱讀：354 作者：Leah 欄目：web開發(fā)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)如何在JavaScript中使頁面重新加載，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

在JavaScript中可以將reload（）方法的值設(shè)置為true來讓頁面重新加載

當(dāng)我們?cè)跒g覽頁面時(shí)，在瀏覽器思維左上角有一個(gè)按鈕，讓我們?nèi)ニ⑿马撁?，那么在程序里是如何操作的呢，接下來將在文章中和大家介紹在JavaScript中如何實(shí)現(xiàn)頁面加載技術(shù)，有一定的參考價(jià)值，希望對(duì)大家有所幫助。

要實(shí)現(xiàn)頁面加載就需要用到reload()方法，這個(gè)方法的用處就是重新加載當(dāng)前文檔

reload() 方法

location.reload()

我們將reload（）的值設(shè)置為true時(shí)，它都會(huì)繞過緩存，從服務(wù)器上重新下載文檔，就跟我們每次點(diǎn)擊瀏覽器的刷新按鈕一樣。

如果將該方法設(shè)置為false或者不設(shè)置參數(shù)時(shí)，它就會(huì)用 HTTP 頭中If-Modified-Since 來檢測(cè)服務(wù)器上的文檔是否已經(jīng)發(fā)生改變，如果文檔已經(jīng)發(fā)生改變，則reload() 會(huì)再次下載該文檔；如果文檔未發(fā)生改變，則該方法將從緩存中裝載文檔。

例：

<body>
		<input type="button" value="刷新" onclick="document.location.reload(true);">
		<p>點(diǎn)擊上面的按鈕會(huì)刷新頁面</p>
		<img src="images/1.jpg"style="width:150px;height: 100px;">
</body>

效果圖如下：

如何在JavaScript中使頁面重新加載

我們還可以設(shè)置時(shí)間，比如隔多少時(shí)間頁面刷新一次

例：設(shè)置隔5s頁面刷新一次

<body>
		<p>頁面隔5s會(huì)刷新一次</p>
	<img src="images/1.jpg"style="width:150px;height: 100px;">
	<script type="text/javascript">

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

效果圖如下:

如何在JavaScript中使頁面重新加載

我們可以設(shè)置一個(gè)彈出框按鈕，當(dāng)我們點(diǎn)擊刷新時(shí)會(huì)彈出一個(gè)對(duì)話框，當(dāng)點(diǎn)擊確定時(shí)頁面刷新，點(diǎn)擊取消時(shí)頁面不刷新

例：

<p><a href="javascript:sureReload();">刷新</a></p>
	<img src="images/1.jpg"style="width:150px;height: 100px;">
	<script type="text/javascript">
		function sureReload(){
		var sure=confirm("你確定刷新頁面嗎？");
		if(sure==true){
			setTimeout("location.reload(true);",5000);
		}
	}
	</script>

效果圖如下

如何在JavaScript中使頁面重新加載

上述就是小編為大家分享的如何在JavaScript中使頁面重新加載了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

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

如何在JavaScript中使頁面重新加載

猜你喜歡

最新資訊

相關(guān)推薦

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