js页面跳转传值

关注

原创最新推荐文章于 2026-09-20 12:45:58 发布 399 阅读 AI 写同款· GEO 优化 ›

JavaScript 页面跳转及传值示例通过上述示例，我们演示了使用 URL 参数、Cookie 和本地存储三种常见的方式在 JavaScript 中实现页面跳转并传递值的功能。在 JavaScript 中，我们经常需要在页面之间进行跳转，并且有时候还需要在跳转过程中传递一些数据。本文将演示如何实现页面跳转并传递值的功能，并提供相应的代码示例。我们可以将需要传递的值附加在目标页面的 URL 后面，在目标页面中通过解析 URL 参数来获取传递的值。为了传递值，我们可以使用 URL 参数、Cookie、本地存储或通过使用框架和库提供的方法来实现。阅读详情

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