會話層級的本機儲存:sessi...LOGIN

會話層級的本機儲存:sessionStorage

在HTML5中增加了一個Js物件:sessionStorage;透過此物件可以直接操作儲存在瀏覽器中的會話層級的WebStorage。儲存在sessionStorage中的資料首先是Key-Value形式的,另外就是它跟瀏覽器目前會話相關,當會話結束後,資料會自動清除,跟未設定過期時間的Cookie類似。

  • sessionStorage提供了四個方法來輔助我們進行對本機儲存做相關操作。

  • setItem(key,value)新增本機儲存資料。兩個參數,非常簡單就不說了。

  • getItem(key)透過key取得對應的Value。

  • removeItem(key)透過key刪除本機資料。

  • clear()清空資料。

程式碼如下:

                          
    <script type="text/javascript">
        //添加key-value 数据到 sessionStorage
        localStorage.setItem("demokey", "http://blog.itjeek.com");
        //通过key来获取value
        var dt = localStorage.getItem("demokey");
        alert(dt);
        //清空所有的key-value数据。
        //localStorage.clear();
        alert(localStorage.length);
    </script>


#下一節
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>php中文网</title>  </head> <body> <script type="text/javascript"> //添加key-value 数据到 sessionStorage localStorage.setItem("demokey", "http://blog.itjeek.com"); //通过key来获取value var dt = localStorage.getItem("demokey"); alert(dt); //清空所有的key-value数据。 //localStorage.clear(); alert(localStorage.length); </script> </body> </html>
章節課件