window.open跳转携带参数并获取参数
时间: 2024-12-12 13:27:55 浏览: 16
在Js页面通过POST传递参数跳转到新页面详解
`window.open()`方法通常用于在新窗口或标签页中打开一个新的URL,但如果你想携带参数并且能在目标页面接收到这些参数,这通常通过查询字符串的方式实现。在JavaScript中,你可以这样操作:
```javascript
// 在当前页面(父页面)设置要传递的参数
let params = { key1: 'value1', key2: 'value2' };
var url = "http://target.com?params=" + encodeURIComponent(JSON.stringify(params));
// 跳转到新的页面
window.open(url);
// 目标页面(新打开的页面)接收参数
var queryParams = decodeURIComponent(window.location.search.substring(1));
var paramsObj = JSON.parse(queryParams);
console.log(paramsObj); // 输出:{ key1: 'value1', key2: 'value2' }
```
在这个例子中,我们首先将参数序列化为JSON字符串,并使用`encodeURIComponent`处理特殊字符以便于URL编码。然后将参数添加到URL的查询字符串部分。目标页面通过`window.location.search`获取查询字符串,再解码并解析出原始的参数对象。
阅读全文