题目内容

HTML5 存储和获取数据

题目答案

在Web Storage API中，实现本地数据的存储和读取是非常简单的事情，下面通过实例展示Web Storage API的使用方法。在下面的例子中，先往本地存储中写入数据，接着会把这些数捱在控制台中打印出来。

【例题】存储和获取数据

代码如下：

<!DOCTYPE html>

<htinl>

<head>

<title>webStorage</title〉

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/>

</body>

</html>