背景:想实现一个通过跳转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)
效果图