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>