在页面间进行通信可以使用location.search
来传递参数。location.search
返回当前 URL 的查询部分(即问号后面的部分),可以通过修改查询字符串中的参数来在页面之间传递数据。
例如,在页面 A 中可以通过以下方式传递参数到页面 B:
// 在页面 A 中设置参数并跳转到页面 B
var param1 = 'value1';
var param2 = 'value2';
window.location.href = 'pageB.html?param1=' + param1 + '¶m2=' + param2;
在页面 B 中可以通过以下方式获取页面 A 传递的参数:
// 获取页面 A 传递的参数
var searchParams = new URLSearchParams(window.location.search);
var param1 = searchParams.get('param1');
var param2 = searchParams.get('param2');
console.log(param1, param2); // 输出:value1 value2
通过location.search
可以实现简单的页面间通信,但需要注意查询字符串的长度限制和安全性问题。对于较大量的数据传递或敏感信息,建议使用其他方式,例如通过localStorage
或postMessage
来进行页面间通信。