js页面跳转并传值的常用方法

在前端开发中我们常常需要从一个跳到另一个页面，并且将当前页面的数据传递过去，我常用下面两种方法

1、在url路径后面带参数，参数与url之间用?隔开，参数与参数之间用&符隔开
?
1

window.location.href = “a.html?name=’kevin’&age=’20’”;

2、通过localStorage 和 sessionStorage 先存本地在取出数据

用setItem来存数据，第一个参数是 名字，第二个参数是存数的数据
?
1
2
3

//存数据
window.localStorage.setItem(“data”, “kevin”);
window.sessionStorage.setItem(“data”, “kevin”);

用getItem来取数据，参入要取数据的 名字就好
?
1
2
3

//取数据
window.localStorage.getItem(“data”);
window.sessionStorage.getItem(“data”);

当然如果要存储的数据是一个对象的话，就需要将对象转换为字符串，在取数据的在将字符串转为对象就可以了

对象转字符串 JSON.stringify( ” 对象 ” )

字符串转对象 JSON.parse( ” 字符串 ” )