History 對(duì)象
history對(duì)象記錄了用戶曾經(jīng)瀏覽過(guò)的頁(yè)面(URL)梯刚,并可以實(shí)現(xiàn)瀏覽器前進(jìn)與后退相似導(dǎo)航的功能提揍。
【注意】:
從窗口被打開的那一刻開始記錄琉历,每個(gè)瀏覽器窗口将谊、每個(gè)標(biāo)簽頁(yè)乃至每個(gè)框架屋匕,都有自己的history對(duì)象與特定的window對(duì)象關(guān)聯(lián)蹂析。
【語(yǔ)法】:
window.history.[屬性|方法]
【注意】:window可以省略舔示。
History 對(duì)象屬性
length返回瀏覽器歷史列表中的URL數(shù)量。
History 對(duì)象方法
back() 加載history列表中的前一個(gè)URL
forward() 加載history列表中的下一個(gè)URL
go() 加載history列表中的某個(gè)具體的頁(yè)面电抚。
【案例】使用length屬性惕稻,當(dāng)前窗口的瀏覽歷史總長(zhǎng)度,代碼如下:
<script type="text/javascript">
var HL = window.history.length;
document.write(HL);
</script>
一蝙叛、返回前一個(gè)瀏覽的頁(yè)面
back()方法俺祠,加載 history 列表中的前一個(gè) URL。
【語(yǔ)法】:
window.history.back();
【案例】比如借帘,返回前一個(gè)瀏覽的頁(yè)面蜘渣,代碼如下:
window.history.back();
【注意】:等同于點(diǎn)擊瀏覽器的倒退按鈕。
back()相當(dāng)于go(-1),代碼如下:
window.history.go(-1);
二肺然、返回下一個(gè)瀏覽的頁(yè)面
forward()方法蔫缸,加載 history 列表中的下一個(gè) URL。
【案例】如果倒退之后狰挡,再想回到倒退之前瀏覽的頁(yè)面捂龄,則可以使用forward()方法,代碼如下:
window.history.forward();
【注意】:等價(jià)點(diǎn)擊前進(jìn)按鈕释涛。
forward()相當(dāng)于go(1),代碼如下:
window.history.go(1);
三、返回瀏覽歷史中的其他頁(yè)面
go()方法倦沧,根據(jù)當(dāng)前所處的頁(yè)面唇撬,加載history列表中的某個(gè)具體的頁(yè)面。
【語(yǔ)法】:
window.history.go(number);
【參數(shù)】:
1 前一個(gè)展融,go(1) 等價(jià)forward()
0 當(dāng)前頁(yè)面
-1 后一個(gè)窖认,go(-1)等價(jià)back()
其它數(shù)值要訪問(wèn)的URL在history的URL列表中的相對(duì)位置。
【案例】瀏覽器中告希,返回當(dāng)前頁(yè)面之前瀏覽過(guò)的第二個(gè)歷史頁(yè)面扑浸,代碼如下:
window.history.go(-2);
【注意】:和在瀏覽器中單擊兩次后退按鈕操作一樣。
【案例】同理燕偶,返回當(dāng)前頁(yè)面之后瀏覽過(guò)的第三個(gè)歷史頁(yè)面喝噪,代碼如下:
window.history.go(3);
end.
本筆記整理自慕課網(wǎng)