在 HTML 文件中, history.pushState() 方法向?yàn)g覽器歷史添加了一個(gè)狀態(tài)。pushState() 帶有三個(gè)參數(shù):一個(gè)狀態(tài)對(duì)象,一個(gè)標(biāo)題(現(xiàn)在被忽略了),以及一個(gè)可選的URL地址。下面將對(duì)這三個(gè)參數(shù)進(jìn)行細(xì)致的檢查:state object — 狀態(tài)對(duì)象是一個(gè)由 pushState()方法創(chuàng)建的、與歷史紀(jì)錄相關(guān)的JS對(duì)象。當(dāng)用戶定向到一個(gè)新的狀態(tài)時(shí),會(huì)觸發(fā)popstate事件。事件的state屬性包含了歷史紀(jì)錄的state對(duì)象。(譯者注:總而言之,它存儲(chǔ)JSON字符串,可以用在popstate事件中。)state 對(duì)象可以是任何可以序列化的東西。由于 火狐 會(huì)將這些對(duì)象存儲(chǔ)在用戶的磁盤上,所以用戶在重啟瀏覽器之后這些state對(duì)象會(huì)恢復(fù),我們施加一個(gè)最大640k 的字符串在state對(duì)象的序列化表示上
1. 詳細(xì)介紹h5中的history.pushState()使用實(shí)例
簡(jiǎn)介:在 HTML 文件中, history.pushState() 方法向?yàn)g覽器歷史添加了一個(gè)狀態(tài)。 pushState() 帶有三個(gè)參數(shù):一個(gè)狀態(tài)對(duì)象,一個(gè)標(biāo)題(現(xiàn)在被忽略了),以及一個(gè)可選的URL地址。下面將對(duì)這三個(gè)參數(shù)進(jìn)行細(xì)致的檢查:
2. 創(chuàng)造更好的瀏覽體驗(yàn)-HTML5 history API
簡(jiǎn)介:HTML5 history API只包括2個(gè)方法:history.pushState()和history.replaceState(),以及1個(gè)事件:window.onpopstate。,。
3. 深入探究HTML5的History API_html5教程技巧
簡(jiǎn)介:這篇文章主要介紹了深入探究HTML5的History API,重點(diǎn)講述了HTML5中新的方法history.pushState()和history.replaceState(),需要的朋友可以參考下
【相關(guān)問答推薦】:
javascript – history pushState
javascript – 關(guān)于history.pushState()的問題