|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 在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="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頁面加載有一定的了解。 以上就是在JavaScript如何使頁面重新加載的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!