HTML页面跳转并传递参数

背景:想实现一个通过跳转html文件,跳转的时候传递并参数,把用户信息带转过去的这么一个功能

实现代码

传递参数页面

   		let userInfo = {
          	name:"小明",
          	id:'001'
       	 }
        let url = './province.html?obj='+JSON.stringify(userInfo); 
        //对参数进行json转化
        window.location.href=url  //页面跳转

接受参数页面

 // window.location.href 属性返回当前页面的 URL。
let url = decodeURI(window.location.href); // 对获取url的url进行解码   decodeURI()函数可对encodeURI()函数编码过的 URI 进行解码。
let urlParsm = url .split("?obj=");  // 获取url携带的参数

let userInfo= urlParsm?JSON.parse(urlParsm[1]):''  //判断参数是否存在 存在的话对对参数进行转换
console.log('userInfo',userInfo) 

效果图