Document.location.href和.replace的區(qū)別示例介紹
更新時(shí)間：2014年03月04日 11:46:39 作者：
document.location.href和document.location.replace都可以實(shí)現(xiàn)從A頁面切換到B頁面，下面為大家介紹下它們的區(qū)別
document.location.href和document.location.replace都可以實(shí)現(xiàn)從A頁面切換到B頁面，但他們的區(qū)別是：
用document.location.href切換后，可以退回到原頁面。
而用document.location.replace切換后，不可以通過“后退”退回到原頁面。
關(guān)于document.location.href或其他可回退的切換方式，我還發(fā)現(xiàn)一個(gè)細(xì)節(jié)，
用個(gè)例子來說明：
假設(shè)有A.htm B.htm C.htm三個(gè)頁面
A.htm里有這樣一句：document.location.href="/b.htm";
b.htm里有這樣一句：document.location.href="/c.htm";
注意兩個(gè)都是可回退的切換。
1:當(dāng)從A切換到B再切換到C時(shí)，實(shí)際內(nèi)存中保留了三個(gè)頁面：A、B、C
2:回退到B時(shí)，C頁面被清出內(nèi)存！
3:再次回退，到A頁面時(shí)，B頁面也被清出內(nèi)存！
4:再次向前(不是用切換而是用向前)轉(zhuǎn)到B頁面時(shí)，
內(nèi)存中保留的是A和B
>>>當(dāng)一個(gè)文檔被location.replace（）替換后，它就會(huì)從當(dāng)前的歷史對(duì)象中移除了
用document.location.href切換后，可以退回到原頁面。
而用document.location.replace切換后，不可以通過“后退”退回到原頁面。
關(guān)于document.location.href或其他可回退的切換方式，我還發(fā)現(xiàn)一個(gè)細(xì)節(jié)，
用個(gè)例子來說明：
假設(shè)有A.htm B.htm C.htm三個(gè)頁面
A.htm里有這樣一句：document.location.href="/b.htm";
b.htm里有這樣一句：document.location.href="/c.htm";
注意兩個(gè)都是可回退的切換。
1:當(dāng)從A切換到B再切換到C時(shí)，實(shí)際內(nèi)存中保留了三個(gè)頁面：A、B、C
2:回退到B時(shí)，C頁面被清出內(nèi)存！
3:再次回退，到A頁面時(shí)，B頁面也被清出內(nèi)存！
4:再次向前(不是用切換而是用向前)轉(zhuǎn)到B頁面時(shí)，
內(nèi)存中保留的是A和B
>>>當(dāng)一個(gè)文檔被location.replace（）替換后，它就會(huì)從當(dāng)前的歷史對(duì)象中移除了
相關(guān)文章
Javascript實(shí)例項(xiàng)目放大鏡特效的實(shí)現(xiàn)流程
商城網(wǎng)站包括APP端中把鼠標(biāo)光標(biāo)移動(dòng)到預(yù)覽圖上就會(huì)看到這部分商品圖片放大了，這就是JavaScript實(shí)現(xiàn)的放大鏡特效，今天我們也來實(shí)現(xiàn)一波2021-11-11
本文淺談 JavaScript 編程中關(guān)于編碼規(guī)范的問題，分析其中緣由。希望引起更多 Web 開發(fā)人員對(duì) JavaScript 編碼規(guī)范問題的關(guān)注和對(duì)軟件產(chǎn)品質(zhì)量問題的重視2011-10-10
這篇文章主要介紹了參數(shù)傳遞的四種形式（URL,超鏈接,js,form表單）有需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JavaScript中pop()方法的使用教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
js中indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置2012-10-10
細(xì)說javascript函數(shù)從函數(shù)的構(gòu)成開始
javascript函數(shù)是一個(gè)比較奇怪的東西，接觸一段時(shí)間你就會(huì)犯迷糊，我想從函數(shù)的構(gòu)成來細(xì)說函數(shù)，這聽起來像是一句廢話，講任何東西當(dāng)然是從構(gòu)成去談2013-08-08
Javascript 垃圾收集機(jī)制介紹理解，需要的朋友可以參考一下2013-05-05
javascript Event對(duì)象詳解及使用示例
Event代表事件狀態(tài)，如事件發(fā)生的元素，鍵盤狀態(tài)，鼠標(biāo)位置和鼠標(biāo)按鈕狀態(tài)，event對(duì)象只在事件發(fā)生的過程中才有效，本文整理了一些，喜歡的朋友可以學(xué)習(xí)下2013-11-11
javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法
這篇文章主要介紹了javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法,涉及event.preventDefault()方法阻止默認(rèn)事件的使用技巧,需要的朋友可以參考下2015-06-06
盡管JavaScript的擁躉一再強(qiáng)調(diào)js的面相對(duì)象,然而,或許只有在名為Object的這一類型中才能勉強(qiáng)理解出-- well...下面就讓我們一起來淺析JavaScript中的對(duì)象類型Object2016-05-05