深入剖析webstorage[html5的本地数据处理]

发布时间：2020-03-13 20:53:29 所属栏目：MySql教程来源：站长网

导读：下面小编就为大家带来一篇深入剖析webstorage[html5的本地数据处理]。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家

ⅷ.localStorage的clear方法

//如果我想把所有数据都清除？localStorage有个方法 localStorage.clear();

结果显示:

深入剖析webstorage[html5的本地数据处理]

代码显示：

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>

<head>

function MyClick1() {

//1.获取到它的用户名和密码

var username = $("#TxtUserName").val();

var pwd = $("#TxtPwd").val();

//2.sessionStrage的方式

//sessionStorage.setItem("k_username", username);

//sessionStorage.setItem("k_pwd", pwd);

//第二种方式

localStorage.setItem("k_username", username);

localStorage.setItem("k_pwd",pwd);

//3.打印

alert("保存成功！");

}

function MyClick2() {

//4.打印以上

//第一种方式

//alert(sessionStorage.getItem("k_username"));

//alert(sessionStorage.getItem("k_pwd"));

//第二种方式打印

//如果我想删除它的用户名怎么做呢？通过它的key把它删除,这样获取时就为空

//localStorage.removeItem("k_username");

//如果我想把所有数据都清除？localStorage有个方法

localStorage.clear();

alert(localStorage.getItem("k_username"));

alert(localStorage.getItem("k_pwd"))

}

</script>

</head>

<body>

<table>

<tr>

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!