sessionStorage 數據共享_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論