|
導(dǎo)讀網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立... 網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱(chēng)為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 本篇文章給大家?guī)?lái)的內(nèi)容是介紹JavaScript如何重新加載(刷新)頁(yè)面。有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你們有所幫助。在JavaScript中提供了幾種重新加載或刷新HTML頁(yè)面的方法,但執(zhí)行此工作的標(biāo)準(zhǔn)方法是使用window.location對(duì)象。本篇文章就給大家介紹使用window.location對(duì)象重新加載(刷新)頁(yè)面的方法。 在window.location對(duì)象中提供了一個(gè)reload()方法,該方法指示瀏覽器重新加載頁(yè)面。瀏覽器可以從其緩存或服務(wù)器執(zhí)行此操作,這取決于可選參數(shù),即reload(true)將從服務(wù)器重新加載頁(yè)面,reload(false)將僅從瀏覽器的緩存中重新加載頁(yè)面。 下面我們就通過(guò)簡(jiǎn)單的代碼示例來(lái)介紹JavaScript重新加載(刷新)頁(yè)面的方法。 在示例中,將介紹使用jQuery和JavaScript從服務(wù)器和瀏覽器的緩存重新加載頁(yè)面。 在我們的HTML中,有兩個(gè)按鈕,一個(gè)用于從服務(wù)器重新加載頁(yè)面,另一個(gè)用于從瀏覽器緩存的刷新頁(yè)面。雖然location.reload()可以在所有瀏覽器中使用,但你也可以使用jQuery來(lái)包裝其他代碼,例如將單擊處理程序附加到兩個(gè)按鈕。 示例代碼: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用jQuery和JavaScript重新加載(刷新)頁(yè)面</title>
<script type="text/javascript" src="query.min.js" ></script>
</head>
<body>
<h2>如何使用jQuery和JavaScript重新加載(刷新)頁(yè)面</h2>
<button id="btn_reload">從服務(wù)器重新加載</button>
<button id="btn_refresh">從瀏覽器的緩存中重新加載</button>
<script>
$(document).ready(function(){
$("#btn_refresh").click(function() {
location.reload(false); //從瀏覽器的緩存加載
});
$("#btn_reload").click(function() {
location.reload(true); //從服務(wù)器加載
});
});
</script>
</body>
</html>效果圖:
注意: window.location.reload()將指示瀏覽器重新加載頁(yè)面,這意味著將從服務(wù)器上重新下載數(shù)據(jù),解析并顯示它。你也可以使用location.reload(false)方法從瀏覽器的緩存重新加載頁(yè)面。 順便說(shuō)一下,你也可以使用history.go(0)和location.replcace(locatoin.pathname)來(lái)重新加載頁(yè)面。 以上就是本篇文章的全部?jī)?nèi)容,希望能對(duì)大家的學(xué)習(xí)有所幫助。更多相關(guān)視頻教程推薦:jQuery教程! 以上就是JavaScript如何重新加載(刷新)頁(yè)面的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!