window.open()参数传递及获取

本文详细介绍了如何使用window.open()方法在JavaScript中打开新窗口或标签页,并传递参数,以及从新窗口获取参数的方法,包括URL查询参数和浏览器存储技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

window.open() 方法是用来打开新浏览器窗口或标签页的 JavaScript 方法。可以使用该方法传递参数并获取新窗口或标签页的引用。
下面是如何使用 window.open() 方法传递参数和获取新窗口/标签页引用的示例:

打开新窗口或标签页并传递参数

// 在新窗口或标签页中打开一个网页,并传递参数
var myWindow = window.open('https://example.com', 'MyWindowName', 'width=600,height=400');

// 等待新窗口加载完成后,向其传递参数
myWindow.onload = function() {
  // 在新窗口中执行 JavaScript 代码
  myWindow.someFunction('参数值');
};

上述示例中,window.open() 方法会打开一个新窗口或标签页,其中包含一个指向 https://example.com 的页面。可以通过第二个参数 'MyWindowName' 给新窗口命名,以便后续引用。第三个参数 'width=600,height=400' 用于指定新窗口的大小。

在新窗口或标签页中获取参数

要在新窗口或标签页中获取参数,可以使用不同的方法,具体取决于要传递的内容。以下是一些示例:

1. 使用 URL 参数

可以在打开的新窗口或标签页的 URL 中传递参数,然后在页面加载时从 URL 中获取参数。

在父窗口中:

var myWindow = window.open('https://example.com?param1=value1&param2=value2', 'MyWindowName', 'width=600,height=400');

在新窗口中:

// 在新窗口加载时,从 URL 中获取参数
var urlParams = new URLSearchParams(window.location.search);
var param1 = urlParams.get('param1'); // 获取 param1 的值
var param2 = urlParams.get('param2'); // 获取 param2 的值
console.log(param1); // 输出 value1
console.log(param2); // 输出 value2
2. 使用 localStoragesessionStorage

还可以使用 localStoragesessionStorage 在父窗口和新窗口之间共享数据。

在父窗口中:

// 存储参数值
localStorage.setItem('param1', 'value1');
localStorage.setItem('param2', 'value2');

在新窗口中:

// 获取参数值
var param1 = localStorage.getItem('param1');
var param2 = localStorage.getItem('param2');
console.log(param1); // 输出 value1
console.log(param2); // 输出 value2

这些是一些用于传递参数和在新窗口或标签页中获取参数的示例方法。根据需求和具体情况,可以选择其中的一种或多种方法来实现参数传递和获取。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值