html5本地存储webstorage_html5中$("#dcon").html("");什么意思-优快云博客

本文介绍了一种用于在浏览器中存储数据的技术——WebStorage，并通过示例展示了如何使用sessionStorage和localStorage进行数据的存取操作。文章包括了基本的存储功能实现、页面加载时的数据读取及清除存储等功能。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<div>webstorage存储技术</div>
<title></title>
<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
function MyClick() {
var userName = $("#txtUserName").val();
var password = $("#txtPwd").val();
sessionStorage.setItem("k_userName", userName);
sessionStorage.setItem("k_password", password);
//localStorage.setItem("k_userName", userName);
//localStorage.setItem("k_password", password);
alert("存储成功");
}
function MyClick1() {
alert(sessionStorage.getItem("k_userName"));

}

function Clear() {
$("#dCon").html("");
localStorage.clear();
}

</script>
</head>
<body>
<div><input type="text" id="txtUserName" /><input type="button" value="确定" onclick="MyClick()"/></div>
<div><input type="password" id="txtPwd" /><input type="button" value="确定1" onclick="MyClick1()"/></div>

</body>
</html>