2021-5-23跨页面传值

跨页面传值：

1.通过a标签的href属性配合location获取
2.通过localStorage本地存储

< !DOCTYPE html>
< html lang=“en”>
< head>
< meta charset=“UTF-8”>
< meta http-equiv=“X-UA-Compatible” content=“IE=edge”>
< meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
< title>跨页面传值< /title>
< style>
body{
font-size: 3em;
}
< /style>
< /head>
< body>
页面1
< a href=“跨页面传值2.html”>工具页面< /a>
< /body>
< script>
// 第一种:
// var nick = “该吃药了！”;
// var a = document.querySelector(“a”);
// a.href += ?nick=${nick}&time=2021;

// 第二种：
// localStorage 只能存储数字和字符串55

localStorage.setItem(“key”,“value”);//存值

// 更加简便的写法：
localStorage.dyx = “年薪500w”;
console.log(localStorage)

// 比如：localStorage.setItem(“aa”,“年薪100w”);
// 但是修改过数据之后，写过的数据还在，只能删掉

// localStorage.removeItem(“key”);//删掉

// localStorage.clear();//清空所有数据

< /script>
< /html>

在第二个页面中：
< title>接收值< /title>
< style>
body{
font-size: 3em;
}
< /style>
< /head>
< body>
在这里接收值

< /body>
< script>
//第一种：
// //slice截取字符串，从1号下标开始
// //location.search拿过来传来的值
// var str = location.search.slice(1);//去掉了？
// var arr = str.split("&");//字符串转为数组，并分割
// var obj = {};
//循环遍历分割的数组
// for(var i = 0; i < arr.length; i++){
// // console.log(arr[i]);
// var str2 = arr[i];//key = value;
// var arr2 = str2.split("=");//出来是两个数组，每个数组里面对应两个值
// // console.log(arr2);
// 分割后的第一项是需要的key 第二项就是value
// obj[arr2[0]] = arr2[1];
// }
// console.log(obj);
// var obj = {},var arr = [], var arr =""
// var obj = {
// a:1,
// b:2
// }

// 第二种：
console.log(localStorage);
< /script>
< /html>