JS瀏覽器對(duì)象:History對(duì)象

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)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市指么,隨后出現(xiàn)的幾起案子酝惧,更是在濱河造成了極大的恐慌,老刑警劉巖伯诬,帶你破解...
    沈念sama閱讀 222,464評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晚唇,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡盗似,警方通過(guò)查閱死者的電腦和手機(jī)哩陕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,033評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)赫舒,“玉大人悍及,你說(shuō)我怎么就攤上這事〗影” “怎么了并鸵?”我有些...
    開封第一講書人閱讀 169,078評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)扔涧。 經(jīng)常有香客問(wèn)我园担,道長(zhǎng),這世上最難降的妖魔是什么枯夜? 我笑而不...
    開封第一講書人閱讀 59,979評(píng)論 1 299
  • 正文 為了忘掉前任弯汰,我火速辦了婚禮,結(jié)果婚禮上湖雹,老公的妹妹穿的比我還像新娘咏闪。我一直安慰自己,他們只是感情好摔吏,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,001評(píng)論 6 398
  • 文/花漫 我一把揭開白布鸽嫂。 她就那樣靜靜地躺著纵装,像睡著了一般。 火紅的嫁衣襯著肌膚如雪据某。 梳的紋絲不亂的頭發(fā)上橡娄,一...
    開封第一講書人閱讀 52,584評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音癣籽,去河邊找鬼挽唉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛筷狼,可吹牛的內(nèi)容都是我干的瓶籽。 我是一名探鬼主播,決...
    沈念sama閱讀 41,085評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼埂材,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼塑顺!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起俏险,我...
    開封第一講書人閱讀 40,023評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤茬暇,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后寡喝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,555評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡勒奇,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,626評(píng)論 3 342
  • 正文 我和宋清朗相戀三年预鬓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赊颠。...
    茶點(diǎn)故事閱讀 40,769評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡格二,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出竣蹦,到底是詐尸還是另有隱情顶猜,我是刑警寧澤,帶...
    沈念sama閱讀 36,439評(píng)論 5 351
  • 正文 年R本政府宣布痘括,位于F島的核電站长窄,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏纲菌。R本人自食惡果不足惜挠日,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,115評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望翰舌。 院中可真熱鬧嚣潜,春花似錦、人聲如沸椅贱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,601評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至计技,卻和暖如春喜德,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酸役。 一陣腳步聲響...
    開封第一講書人閱讀 33,702評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工住诸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人涣澡。 一個(gè)月前我還...
    沈念sama閱讀 49,191評(píng)論 3 378
  • 正文 我出身青樓贱呐,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親入桂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子奄薇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,781評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 1.1 window對(duì)象是BOM的核心,window對(duì)象指當(dāng)前的瀏覽器窗口抗愁。 window對(duì)象方法: window...
    jasmine_jing閱讀 403評(píng)論 0 0
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么馁蒂?1.增強(qiáng)頁(yè)面動(dòng)態(tài)效果(如:下拉菜單、圖片輪播蜘腌、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,306評(píng)論 0 5
  • 一沫屡、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示)撮珠,會(huì)使用HT...
    凜0_0閱讀 2,777評(píng)論 0 8
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理沮脖,服務(wù)發(fā)現(xiàn),斷路器芯急,智...
    卡卡羅2017閱讀 134,714評(píng)論 18 139
  • 投資是資本市場(chǎng)最熱的詞娶耍,每個(gè)人都在提免姿,聽(tīng)得多了,讓人產(chǎn)生一種幻象榕酒,認(rèn)為投資是一件熟悉而又簡(jiǎn)單的事情胚膊,人人都可以做。...
    whoogaoqiao閱讀 81評(píng)論 0 0