window.open //

### 关于 `window.open` 方法的使用说明

#### 参数详解
`window.open()` 是用于打开新浏览器窗口或标签页的方法。此方法接受四个主要参数：

- **url**: 要加载的新文档 URL 字符串，如果为空字符串，则创建空白窗口。
- **target**: 新窗口的名字，默认为 `_blank` 表示新开一个标签页；也可以指定其他名称以便后续操作该窗口[^3]。

// 打开一个新的页面并命名为 'newWindow'
let newWin = window.open('https://example.com', '_blank');

- **features (可选)**: 定义新窗口外观特征的一系列逗号分隔的关键字列表，如宽度、高度等属性设置[^4]。

// 设置弹窗尺寸和其他特性
const features = "width=800,height=600,left=100,top=50,menubar=no,status=yes";
window.open('http://www.example.org/', '', features);

- **replace (布尔型 可选)**: 若设为 true 则会在浏览历史记录中替换当前条目而不是添加新的条目。

// 替换当前的历史记录项而不增加新的一项
window.open('/about.html', '_self', '', true);

#### 返回值解释
当调用 `window.open()` 后返回的是指向新窗口对象的一个引用，这使得可以在父窗口通过这个引用与子窗口进行通信和控制。

var popup = window.open("popup.html", "myPopup");
if (!popup || popup.closed || typeof popup === 'undefined') {
    console.error("无法打开弹出窗口，请检查是否被阻止.");
} else {
    setTimeout(() => { popup.focus(); }, 50); // 将焦点移至新窗口
}

#### 实际应用场景下的例子
下面是一个实际应用的例子，展示了如何利用 `window.open()` 来处理跨域消息传递的情况[^1]。

假设有一个主页面想要向另一个域名上的弹出窗口发送数据：

<!-- 主页面 -->
<button id="sendData">Send Data</button>
<script type="text/javascript">
document.getElementById('sendData').addEventListener('click', function () {
    var childWindow = window.open('https://otherdomain.com/receiver.html', '_blank');

    // 延迟确保目标页面已完全加载完毕再尝试发消息
    setTimeout(function(){
        try{
            childWindow.postMessage({message:'Hello'}, '*'); // 发送 JSON 对象给接收者
        } catch(e){
            alert('Error occurred while trying to send message.');
        }
    }, 2000);

});
</script>

而在接收端（即 `receiver.html`），可以监听来自外部的消息事件，并作出相应反应：

<!-- 接收页面 receiver.html -->
<script type="text/javascript">
window.addEventListener('message', receiveMessage, false);

function receiveMessage(event) {
    // 验证来源的安全性很重要！这里简化了验证过程
    if (event.origin !== "https://yourmainpage.com") return;

    console.log(`Received ${JSON.stringify(event.data)} from parent`);
    
    // 进一步处理接收到的数据...
}
</script>