阅读量:1
在页面间进行通信可以使用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
来进行页面间通信。