【跨页面传值的实现】

---

一、locationStorage,sessionStorage

下边这个案例是当我们点击任一城市后，在city.html中设置存储后，通过location.href传递到index.html中并显示

//city.html
li2.onclick = function(){
	let s2 = this.innerHTML;   //获取点击的内容
	localStorage.setItem("p2",s2);   //添加存储
	location.href = 'test.html';     //实现页面切换
}

//index.html
var s2_2 = localStorage.getItem("p2");    //获取存储的信息
$(".city").html(s2_2 + "↓");    //显示获取内容

二、location.href

location.href="xxx.html?key1=value1&key2=value2"
"?"开始需要获取的数据数据，每个数据由key和value组成用&连接

//接收数据
var search=location.search;  //获取get请求的参数   获取到的数据，是以?开头的
//解析字符串
function parse(search){
    var str=search.substring(1);  //从下标为1开始，即第二个字符开始的所有字符
    var result={};
    var strs=str.split("&");  //以&分割字符串
    strs.forEach(function(v){
        var keyvalue=v.split("=");
        var name=keyvalue[0];
        var value=keyvalue[1];
        result[name]=value;
    })
    return result;
}