sessionStorage 數(shù)據(jù)共享

1、sessionstorage 數(shù)據(jù)共享關(guān)于此存儲(chǔ)方式使用總體介紹可以參閱sessionstorage使用一章節(jié)。 本文專注于介紹一下如何實(shí)現(xiàn)sessionstorage存儲(chǔ)數(shù)據(jù)的分享。 一.sessionstorage存儲(chǔ)數(shù)據(jù)的特點(diǎn)： localstorage存儲(chǔ)的數(shù)據(jù)能夠在客戶端本地永遠(yuǎn)保存。 同域的任何頁面都可以拜訪到localstorage存儲(chǔ)的數(shù)據(jù)。 但sessionstorage與localstorage有著較大的不同，簡(jiǎn)述如下： （1）.sessionstorage受到同源策略限制。 （2）.sessionstorage存儲(chǔ)數(shù)據(jù)還受到掃瞄器選項(xiàng)卡的限制。 （3）.手動(dòng)新開一個(gè)選項(xiàng)卡

2、，即便同域同url，也不會(huì)分享sessionstorage數(shù)據(jù)。 （4）.當(dāng)前選項(xiàng)卡關(guān)閉，sessionstorage中存儲(chǔ)的數(shù)據(jù)也隨之被銷毀。 二.數(shù)據(jù)分享方式： 首先要明確一個(gè)概念，在新選項(xiàng)卡或者窗口打開一個(gè)新的頁面，會(huì)新創(chuàng)建一個(gè)sessionstorage會(huì)話。 上文闡述過，手動(dòng)新開一個(gè)選項(xiàng)卡，即便同域同url，也不會(huì)分享sessionstorage數(shù)據(jù)。 但是并不是說就沒有方法分享sessionstorage存儲(chǔ)的數(shù)據(jù)，精確的說不是分享，而是拷貝一份。 （1）.通過手動(dòng)方式新開一個(gè)選項(xiàng)卡或者窗口不會(huì)分享數(shù)據(jù)。 （2）.通過javascript或者鏈接標(biāo)簽打開同源頁面會(huì)分享數(shù)據(jù)（精確說是

3、拷貝一份），兩者是自立的。 假設(shè)a頁面通過sessionstorage存儲(chǔ)一些數(shù)據(jù)，頁面中有一個(gè)鏈接指向同源的b頁面。 點(diǎn)擊鏈接，在新的選項(xiàng)卡打開b頁面，那么a頁面的數(shù)據(jù)會(huì)被b頁面分享（事實(shí)是拷貝了一份）。 兩個(gè)頁面的數(shù)據(jù)是互相自立的，在b頁面刪除一條記錄，并不會(huì)影響a頁面中的數(shù)據(jù)。 html純文本查看復(fù)制代碼運(yùn)行代碼 sessionstorage.setitem("name",""); sessionstorage.setitem("url",""); sessionstorage.setitem("address","青島市南區(qū)"); b頁面 對(duì)上述代碼分析如下： （1）.首先，添加三條本地存儲(chǔ)數(shù)據(jù)。 （2）.然后，點(diǎn)擊鏈接元素，跳轉(zhuǎn)到同源的b.html頁面。 （3）.此時(shí)，你會(huì)發(fā)覺b頁面拷貝了一份a頁面的sessionst