瀏覽器中url存儲(chǔ)的JavaScript實(shí)現(xiàn)_基礎(chǔ)知識(shí)

History 對(duì)象 pushState() 這個(gè)方法有3個(gè)參數(shù),你可以從上面的例子看到。第一個(gè)參數(shù)，是一個(gè)Json對(duì)象 , 在你儲(chǔ)存有關(guān)當(dāng)前URl的任意歷史信息.第二個(gè)參數(shù),title 就相當(dāng)于傳遞一個(gè)文檔的標(biāo)題 ，第三個(gè)參數(shù)是用來傳遞新的URL. 你將看到瀏覽器的地址欄發(fā)生變化而當(dāng)前頁面并沒刷新。

讓我們看一個(gè)例子，在這個(gè)例子中我們將在每個(gè)獨(dú)立的URL中存儲(chǔ)一些任意數(shù)據(jù)。

現(xiàn)在運(yùn)行，點(diǎn)擊瀏覽器的返回按鈕，查看URL是怎么改變的。對(duì)于每次URL的改變，是因?yàn)樗鎯?chǔ)了歷史狀態(tài)“id”以及對(duì)應(yīng)的值。但是我們?cè)趺粗匦芦@得歷史狀態(tài)，并且在此基礎(chǔ)上做些事情呢？我們需要對(duì)“popstate”添加事件監(jiān)聽器，這將會(huì)在每次歷史對(duì)象的狀態(tài)改變的時(shí)候觸發(fā)。

現(xiàn)在你會(huì)看到無論什么時(shí)候你點(diǎn)擊返回按鈕，一個(gè)“popstate”事件就會(huì)被觸發(fā)。我們的事件偵聽器然后檢索歷史狀態(tài)對(duì)象與之關(guān)聯(lián)的URL,并提示“id”的值。

它是非常的簡單和有趣，不是嗎？

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com