1.概要
關(guān)于BOM(瀏覽器對(duì)象模型)的權(quán)威知識(shí)來(lái)源:
(1)HTML規(guī)范 (主要方面)
(2)瀏覽器廠商自由擴(kuò)展
主要包括:
(1) window對(duì)象
(2) history對(duì)象
(3) location對(duì)象
(4) navigator對(duì)象
(5) screen對(duì)象
2.瀏覽器歷史
類似于棧的數(shù)據(jù)結(jié)構(gòu)
API | 簡(jiǎn)要說(shuō)明 | 常見(jiàn)的坑 |
---|---|---|
back | 等于用戶點(diǎn)擊瀏覽器回退按鈕 | 5 |
forward | 等于用戶點(diǎn)擊瀏覽器前進(jìn)按鈕 | 6 |
go | 去往任意歷史 | 7 |
pushState | pushState(狀態(tài)對(duì)象, 標(biāo)題, 路徑); | 棧與location被修改,但是不會(huì)跳轉(zhuǎn) |
replaceState | pushState()可以創(chuàng)建歷史,可以配合popstate事件绑警,而replaceState()則是替換掉當(dāng)前的URL檀葛,不會(huì)產(chǎn)生歷史。 | 7 |
pushState例子:
任意瀏覽器窗口下 pushState({},'test','test.html')
history棧被加入test.html的歷史斩狱,location被修改為test.html,但是不會(huì)加載test.html.
在當(dāng)前頁(yè)面跳轉(zhuǎn)進(jìn)入下一頁(yè)面再按后退 會(huì)加載訪問(wèn)test.html