,可以通过以下几种方式实现:
// 在父窗口中打开两个同级窗口
var window1 = window.open('window1.html', '_blank');
var window2 = window.open('window2.html', '_blank');
// 在窗口1中发送消息给窗口2
window1.postMessage('Hello from Window 1', '*');
// 在窗口2中监听message事件接收消息
window.addEventListener('message', function(event) {
if (event.source === window1) {
console.log('Message received from Window 1:', event.data);
}
});
// 在父窗口中打开两个同级窗口
var window1 = window.open('window1.html', '_blank');
var window2 = window.open('window2.html', '_blank');
// 在窗口1中存储数据
localStorage.setItem('message', 'Hello from Window 1');
// 在窗口2中监听storage事件接收数据
window.addEventListener('storage', function(event) {
if (event.key === 'message' && event.newValue) {
console.log('Message received from Window 1:', event.newValue);
}
});
// 在父窗口中打开两个同级窗口
var window1 = window.open('window1.html', '_blank');
var window2 = window.open('window2.html', '_blank');
// 在窗口1中创建共享Worker
var worker1 = new SharedWorker('worker.js');
// 在窗口2中创建共享Worker
var worker2 = new SharedWorker('worker.js');
// 在窗口1中发送消息给共享Worker
worker1.port.postMessage('Hello from Window 1');
// 在共享Worker中监听message事件接收消息
worker.port.addEventListener('message', function(event) {
console.log('Message received from Window 1:', event.data);
});
以上是使用Window.open在从父窗口打开的两个同级窗口之间通信的几种方法。具体选择哪种方法取决于具体的需求和场景。腾讯云提供了丰富的云计算产品和服务,可以根据具体需求选择适合的产品,例如云服务器、云数据库、云存储等。更多关于腾讯云产品的信息可以参考腾讯云官方网站:https://cloud.tencent.com/
领取专属 10元无门槛券
手把手带您无忧上云