您好,登錄后才能下訂單哦!
這期內容當中小編將會給大家帶來有關如何在JavaScript中使頁面重新加載,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
在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="width:150px;height: 100px;"> </body>
效果圖如下:
我們還可以設置時間,比如隔多少時間頁面刷新一次
例:設置隔5s頁面刷新一次
<body> <p>頁面隔5s會刷新一次</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>
效果圖如下:
我們可以設置一個彈出框按鈕,當我們點擊刷新時會彈出一個對話框,當點擊確定時頁面刷新,點擊取消時頁面不刷新
例:
<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中使頁面重新加載了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。