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¶m2=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. 使用 localStorage
或 sessionStorage
还可以使用 localStorage
或 sessionStorage
在父窗口和新窗口之间共享数据。
在父窗口中:
// 存储参数值
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
这些是一些用于传递参数和在新窗口或标签页中获取参数的示例方法。根据需求和具体情况,可以选择其中的一种或多种方法来实现参数传递和获取。