本地存储信息

打算写一个带有注册登录页面的练习时,发现页面跳转html页面之后无法传递用户信息,百度了一下,发现JS有个window.sessionStorage方法可以实现本地存储信息

// 设置方法
sessionStorage.setItem(key,value);
// 获得数据方法
console.log(sessionStorage.getItem(key));
// 删除数据方法
sessionStorage.removeItem(key);
// 清空数据方法
sessionStorage.clear();

window.sessionStorage的生命周期为页面存在,刷新也会存在,当页面跳转时也会存在,但当打开在新的页面打开链接时会被释放,所以不建议使用window.sessionStorage,建议使用window.localStorage

window.localStorage

生命周期永久存在,关闭页面在打开也会存在,使用方法与window.sessionStorage相同他

页面的链接跳转

JS提供了window.location对象可以动态跳转页面

window.location.href='login2.html';

注册登录页面逻辑:输入用户名后点击登录,发送ajax请求查询用户名是否存在,如果不存在提示用户名不存在,如果存在则将用户名用window.localStorage存储在本地信息中并且用window.location跳转链接

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐