window.open向子画面传参数
时间: 2023-08-09 15:04:46 浏览: 219
window.open()实现post传递参数
可以使用 JavaScript 的 window.open() 方法打开一个新窗口,并通过 URL 传递参数。例如:
```
var myParam = 'Hello World!';
window.open('child.html?param=' + myParam, '_blank');
```
在子窗口中,可以使用 JavaScript 的 location.search 属性获取 URL 中的参数。例如:
```
var urlParams = new URLSearchParams(window.location.search);
var myParam = urlParams.get('param');
console.log(myParam); // 输出 "Hello World!"
```
注意,URL 参数需要进行编码以防止出现特殊字符。可以使用 JavaScript 的 encodeURIComponent() 方法进行编码。例如:
```
var myParam = 'Hello, World!';
var encodedParam = encodeURIComponent(myParam);
window.open('child.html?param=' + encodedParam, '_blank');
```
在子窗口中,需要使用 decodeURIComponent() 方法进行解码。例如:
```
var urlParams = new URLSearchParams(window.location.search);
var encodedParam = urlParams.get('param');
var myParam = decodeURIComponent(encodedParam);
console.log(myParam); // 输出 "Hello, World!"
```
阅读全文