詳解sessionstorage.clear

一、sessionstorage.clear會清除什麼

當我們使用sessionstorage.clear方法時，會將該sessionStorage中存儲的所有鍵值對都清空，包括我們自己設置和瀏覽器自動創建的鍵值對。

sessionStorage是一種在客戶端存儲數據的方法，旨在允許腳本訪問和修改存儲在特定於某個頁面會話的數據。這意味著，sessionStorage中存儲的數據僅在瀏覽器窗口或選項卡關閉之前保留。關閉窗口或選項卡後，存儲的數據將會被刪除。

二、sessionstorage.clear無效

我們可以使用sessionstorage.clear方法將整個sessionStorage清空，但是有時候清空的操作可能會出現無效的情況，下面介紹幾種情況：

1、sessionStorage被禁用

在某些情況下，瀏覽器可能因為某些原因禁用了sessionStorage，這時候使用sessionstorage.clear就會無效。

  if (!sessionStorage) {
    console.log("sessionStorage is not available");
  } else {
    sessionStorage.clear();
  }

2、被跨域iframe影響

如果頁面中存在一個來自不同域的iframe，訪問該iframe時，sessionStorage會被重置。這是由於與iframe載入相同的域的頁面共享同一份數據存儲。

  //在iFrame中使用sessionStorage
  var iframe = document.getElementById("my-iframe"); 
  var win = iframe.contentWindow;  
  win.sessionStorage.clear();

3、被同源策略限制

Web瀏覽器遵循同源策略，防止在一個網站上的腳本訪問另一個網站上的內容。如果在同一瀏覽器窗口或選項卡中打開兩個不同的窗口或頁面，sessionStorage是不會共享的。

  //清除其他同源頁面中的sessionStorage
  if (window.localStorage) {
    for (var name in window.localStorage) {
      if (/^http.*/.test(name)) {
        window.localStorage.removeItem(name);
      }
    }
  }

三、使用sessionstorage.clear的注意事項

在使用sessionstorage.clear時，需要注意以下幾個問題：

1、clear方法是同步執行的

sessionStorage的clear方法是同步執行的，如果sessionStorage里存儲了大量數據的話，可能會導致瀏覽器出現卡頓的情況。

2、不要使用sessionStorage來存儲敏感信息

雖然sessionStorage中的數據僅在打開瀏覽器窗口或選項卡時保留，但如果用戶在使用公共或共享計算機時忘記關閉窗口或選項卡，那麼其他可能會看到sessionStorage中的敏感信息。

3、避免使用sessionStorage存儲大量數據

由於sessionStorage存儲在瀏覽器中，所以使用sessionStorage存儲大量數據會影響到頁面的性能和載入速度。因此，最好將大量數據存儲在資料庫或伺服器上。

4、多個頁面同時打開時，sessionStorage不能共享

如果用戶同時打開多個相同的頁面，它們將各自創建自己的sessionStorage，並且在這些頁面之間不能共享數據。

總結

在我們日常的開發工作中，sessionStorage是一個非常實用的工具，可以幫助我們在本地存儲少量的數據。但是，在使用sessionStorage時，我們需要注意它的一些限制以及使用方法，避免出現不必要的問題。在清空sessionStorage時，我們應該注意在不同的情況下sessionstorage.clear會出現無效的情況，需要特別注意。