js页面跳转传值

最新推荐文章于 2025-10-11 17:37:41 发布

原创最新推荐文章于 2025-10-11 17:37:41 发布 · 386 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #html

小工具细节部分专栏收录该内容

11 篇文章

订阅专栏

本文介绍了JavaScript进行页面跳转时传递参数的三种方式：1) URL路径附带参数；2) 使用localStorage或sessionStorage存储和读取数据；3) 将复杂数据转换为JSON对象存储。注意在离开页面时清除存储的数据以保护用户隐私。

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

window.location.href = “a.html?name='val'&age='val'";

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

//存数据

window.localStorage.setItem("key", val);
//我一般常用下面这个 第一个参数是 名字，第二个参数是存数的数据
window.sessionStorage.setItem("key", val);

//取数据

window.localStorage.getItem("key");
第一个参数是 名字，第二个参数是存数的数据
window.sessionStorage.getItem("key");

小细节

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

字符串转对象 JSON.parse( ” 字符串 ” )
最后：
离开页面一定要去除这个会话中的数据，防止个人隐私被盗用

//页面刷新时启动方法
	window.onbeforeunload = function() //
		{	
			//清除sessionStorage值
			sessionStorage.removeItem('movieId');
			sessionStorage.removeItem('cinemaId');
		}

3.若是所需传的值过多可以把它存储为Json对象
存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象。

var empty = {
    name: 'tom',
    age: 22
};
// 存储值：将对象转换为Json字符串
sessionStorage.setItem('eg', JSON.stringify(empty));
// 取值时：把获取到的Json字符串转换回对象
var eg1 = sessionStorage.getItem('eg');
empty = JSON.parse(eg1);
console.log(empty .name); // => tom