h5 localStorage本地存储

最新推荐文章于 2025-08-19 23:22:50 发布

yuxiaoyu.

最新推荐文章于 2025-08-19 23:22:50 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/ss977/p/5869011.html

本文展示了一个简单的HTML与JavaScript结合的示例，通过使用localStorage来存储用户输入的用户名及密码，并提供了显示已存储信息的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用户名：<input type="text" id="txtname"/>
密码：<input type="text" id="txtpwd1"/>
重复密码：<input type="text" id="txtpwd2"/>
<button onclick="register()">注册</button>
<button onclick="show()">显示</button>
function register(){
   // console.log("ok");
    var use={};
    use.name=document.getElementById("txtname").value;
    use.pwd=document.getElementById("txtpwd1").value;
//文本框验证（此处省略）
    localStorage.setItem("useinfo",JSON.stringify(use));  //JSON.stringify  用于从一个对象解析出字符串
　　//"name":"11","pwd":"12345678"}
}

//
function show(){

　　var data=JSON.parse(localStorage.geteItem("useinfo"));  //date为json数据,JSON.parse() 用于从一个字符串中解析出json对象
//Object {name: "11", pwd: "12345678"}
　　console.log(data.name+"\n"+data.pwd);
}