localStorage应用代码实例
分类：实例代码
分享一段代码实例，它简单演示了localStorage的使用。
代码实例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
用户名<input type="text" id="ursename"> <br>
密码 <input type="text" id="password"> <br>
<input id="chk" type="checkbox">
<lable for="chk">自动登录</lable>
<script>
//localStorage.getItem('')获取要存储的值
$('#chk').click(function() {
if (this.checked) {
//将值存储在本地
localStorage.setItem('names', $("#ursename").val());
localStorage.setItem(('pass'), $('#password').val());
// alert(localStorage.getItem('names'));
// alert(localStorage.getItem('pass'))
} else {
//在本地删除存储
localStorage.removeItem('names');
localStorage.removeItem('pass');
// console.log(localStorage.getItem('names'))
}
})
//判断是否有存储值如果有的话取出存储的值
if (localStorage.getItem('names') && localStorage.getItem('pass')) {
$('#ursename').val(localStorage.getItem('names'));
$('#password').val(localStorage.getItem('pass'));
$('#chk').prop("checked", true);
}
</script>
</body>
</html>
localStorage应用代码实例，这样的场景在实际项目中还是用的比较多的，关于localStorage应用代码实例就介绍到这了。
localStorage应用代码实例属于前端实例代码，有关更多实例代码大家可以查看。