1. 程式人生 > >H5新特性之localStorage

H5新特性之localStorage

localStorage的使用:儲存資料到本地。儲存的容量20mb左右。
        不同瀏覽器不能共享資料
        同一個瀏覽器的不同視窗可以共享資料
        資料儲存在硬碟上,不會隨著頁面或瀏覽器的關閉而清除
        如果想清除,必須手動清除
        setItem(key,value):儲存資料,以鍵值對的方式儲存
        getITem(key):獲取資料,通過指定名稱的key獲取對應的value值
        removeItem(key):刪除資料,通過指定名稱key刪除對應的值
        clear():清空所有儲存的內容<br>
        <input type="text" id="userName"/><br>
        <input type="button" value="設定資料" id="setData"/>
        <input type="button" value="獲取資料" id="getData"/>
        <input type="button" value="刪除資料" id="removeData"/>
        <script type="text/javascript">
            document.querySelector("#setData").onclick=function(){
                var name=document.querySelector("#userName").value;
                window.localStorage.setItem("user",name);
            };
            document.querySelector("#getData").onclick=function(){
                var name=window.localStorage.getItem("user");
                alert(name)
            };
            docuemnt.querySelector("#remove").onclick=function(){
                window.localStorage.removeItem("user");
            };
        </script>