前端 使用localStorage 和 Cookie相结合的方式跨页面传递参数
2024-09-03 08:48:35
A页面
html代码:
姓名:<input type="text" id="name1">
年龄:<input type="text" id="age1">
<button id="click_btn">点击</button>
js代码:
// localStorage.name = "张三";
// localStorage.age = 18;//可存储多组数据 var btn = document.getElementById("click_btn");
btn.onclick = function () {
// var username = 'zhangsan'
var username = document.getElementById("name1").value;
// var userage = '13';
var userage = document.getElementById("age1").value;
//存放所有值到数组里
var arrLocalStorage = [username, userage]; //存储,IE6~7 cookie 其他浏览器HTML5本地存储
if (window.localStorage) {
localStorage.setItem("localName", arrLocalStorage);
} else {
Cookie.write("localName", arrLocalStorage);
} } //参考了 https://blog.csdn.net/ZhushiKezhang/article/details/80360998
B页面
js代码:
// var myname = localStorage["name"];//myname 为张三
// console.log(myname) //使用localStorage 和 Cookie相结合的方式传递参数 //条件判断 取localStorage存储值或cookie存储的值
var StoreDate = window.localStorage ? localStorage.getItem("localName") : Cookie.read("localName");
var arrStoreDate = StoreDate.split(","); console.log(arrStoreDate);//取出所有存储的值 console.log(arrStoreDate[0]);//取出第一个值 姓名
console.log(arrStoreDate[1]);//取出第二个值 年龄 // for (var i = 0; i < arrStoreDate.length; i++) {
// var liHtml = "<li>" + arrStoreDate[i] + "</li>";
// $('.list').append(liHtml);
// }
最新文章
- asp.net 读取一个文本文件,并输出到网页显示 通过 一般处理程序实现
- 回文串--- Girls&#39; research
- 在linux上安装psycopg2出错--Error: pg_config executable not found.
- mysql及redis环境部署时遇到的问题解决
- Unieap3.5Java端常用公用方法
- SQL Server 锁表说明
- Linux基础--文件与目录管理
- 如何创建WIN服务
- PHP面试题之算法解析
- Office 2010 Toolkit and EZ-Activator
- Linux/UNIX之信号(2)
- MySQL &#39;localhost&#39; (10061)解决方法
- 关于Oracle.ManagedDataAccess数据库表加字段后,必须重启的问题
- 一文读懂PRBS定义、生成办法、作用
- 软间隔分类——SVM
- REM在edge浏览器中不重新计算解决
- Docker linux安装
- CSS3动画效果之Transform
- hdu 5215 Cycle
- Spring注入方式(1)