js页面跳转传值

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值