HTML5 存储和获取数据
在Web Storage API中，实现本地数据的存储和读取是非常简单的事情，下面通过实例展示Web Storage API的使用方法。在下面的例子中，先往本地存储中写入数据，接着会把这些数捱在控制台中打印出来。
【例题】存储和获取数据
代码如下：
<!DOCTYPE html>
<htinl>
<head>
<meta charset="UTF-8">
<title>webStorage</title〉
<script>
function writeStorage(){
var username = document.getElementByld("username").value;
var password = document.getElementByld("password").value;
// 存储到storage中
localStorage.username = username;
localStorage.password = password;
}
function updateStorage(){
localStorage.username = "李四"；
}
//输出所有的Storage
function readStorage(){
console.log(localStorage);
}
</script〉
</head>
<body>
用户名：〈input type="text" id="username" /><br/>
密码：〈input type="text" id="password" /><br/>
<input type="button" value="写入 webStorage" onclick="writeStorage()" />
<input type="button" value="输出所有的Storage”onclick="readStorage()">
</body>
</html>
湘公网安备:43011102000856号 
点击加载更多评论>>