在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>效果圖如下: #我們也可以設定時間,例如隔多少時間頁面刷新一次
範例:設定隔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>效果圖如下: #我們可以設定一個彈出框按鈕,當我們點選重新整理時會彈出一個對話框,當點擊確定時頁面刷新,點擊取消時頁面不刷新例:
<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如何讓頁面重新載入的詳細內容。更多資訊請關注PHP中文網其他相關文章!