資訊專欄INFORMATION COLUMN
摘要：瀏覽器的對(duì)象提供的對(duì)象給予了我們?cè)L問(wèn)和操縱歷史記錄僅針對(duì)當(dāng)前文檔的能力。瀏覽器返回一頁(yè)。標(biāo)題，暫時(shí)大多數(shù)瀏覽器都會(huì)忽略此參數(shù)，傳入空字符串即可地址，傳入的應(yīng)與原地址同源，否則會(huì)報(bào)錯(cuò)事件每當(dāng)同一個(gè)文檔的瀏覽歷史即對(duì)象出現(xiàn)變化時(shí)，就會(huì)觸發(fā)事件。
瀏覽器的 window 對(duì)象提供的 history 對(duì)象給予了我們?cè)L問(wèn)和操縱歷史記錄（僅針對(duì)當(dāng)前文檔）的能力。
history apiwindow.history.back(); 瀏覽器返回一頁(yè)。
window.history.forward(); 瀏覽器前進(jìn)一頁(yè)。
window.history.go(i); 瀏覽器前進(jìn)（后退）i 頁(yè)，如果 i 為 0 ，則刷新當(dāng)前頁(yè)面。
window.history.length; 瀏覽器歷史記錄棧中一共有多少頁(yè)。
window.history.state; 當(dāng)前的狀態(tài)對(duì)象
window.history.replaceState(obj, title, url)
window.history.pushState(obj, title, url);
兩個(gè)方法都可以達(dá)到替換當(dāng)前瀏覽器地址而不刷新頁(yè)面的作用：讓瀏覽器的地址欄顯示為我們傳入的地址，但不會(huì)加載該頁(yè)面也不會(huì)檢查該頁(yè)面是否存在。
區(qū)別在于前者會(huì)修改當(dāng)前歷史記錄條目，而后者是創(chuàng)建新歷史記錄條目。
方法接受三個(gè)參數(shù)
狀態(tài)對(duì)象（state object），任何可序列化的對(duì)象都可以被當(dāng)做狀態(tài)對(duì)象，大小限制為 640K。
標(biāo)題（title） ，暫時(shí)大多數(shù)瀏覽器都會(huì)忽略此參數(shù)，傳入空字符串即可
地址（URL），傳入的 url 應(yīng)與原地址同源，否則會(huì)報(bào)錯(cuò)
popstate事件每當(dāng)同一個(gè)文檔的瀏覽歷史（即 history 對(duì)象）出現(xiàn)變化時(shí)，就會(huì)觸發(fā) popstate 事件。但是pushState 和 replaceState 兩個(gè)方法不會(huì)觸發(fā)該事件
事件的回調(diào)函數(shù)的 event 參數(shù)的state 屬性指向 pushState 和 replaceState 方法為當(dāng)前 url 所提供的狀態(tài)對(duì)象（即這兩個(gè)方法的第一個(gè)參數(shù)）。
window.addEventListener("popstate", function(event) {
console.log("location: " + document.location);
console.log("state: " + JSON.stringify(event.state));
// 或者通過(guò) var currentState = history.state; 來(lái)獲取狀態(tài)對(duì)象
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86376.html
摘要：與事件都是瀏覽器歷史記錄，兩者都是中的，相對(duì)而言比更為強(qiáng)大。事件本身只是監(jiān)測(cè)的變化，我認(rèn)為目前其主要意義就是與搭配使用從而使得在下歷史記錄前進(jìn)后退按鈕依然有效。地址新的歷史記錄條目的地址。 hashchange與popstate事件都是瀏覽器歷史記錄API，兩者都是HTML5中的API，相對(duì)而言popstate比hashchange更為強(qiáng)大。注意這兩種歷史記錄管理都受同源策略的限制，這...
摘要：作為對(duì)象屬性的文檔元素如果文檔中用屬性為元素命名。其就是交互窗口中的每個(gè)窗口窗體都是的執(zhí)行上下文。以對(duì)象作為全局對(duì)象，這樣的話，一個(gè)窗口窗體中的代碼可以應(yīng)用到其他窗口或者窗體并且同源策略沒(méi)有進(jìn)行阻止。 作為window對(duì)象屬性的文檔元素 如果html文檔中用id屬性為元素命名。并且如果 window對(duì)象沒(méi)有此名字的屬性，則window對(duì)象會(huì)賦予一個(gè)屬性，其名字為id屬性的值，其值指向該...
閱讀 3688·2021-11-24 09:38
閱讀 3161·2021-11-15 11:37
閱讀 803·2021-11-12 10:36
閱讀 3562·2021-10-21 09:38
閱讀 3234·2021-09-28 09:36
閱讀 2438·2021-09-22 16:01
閱讀 5015·2021-09-22 15:09
閱讀 1237·2019-08-30 15:55
