HTML打开新窗口的几种方法及代码示例

<a href="https://example.com" target="_blank" rel="noopener">打开新窗口</a>

let newWindow = window.open("https://example.com", "_blank");
if (!newWindow) {
  alert("弹出窗口被阻止，请允许弹出窗口！");
}

let newWindow = window.open("https://example.com", "_blank");
newWindow.onbeforeunload = function() {
  console.log("窗口即将关闭");
};

// 原始窗口
window.addEventListener("message", function(event) {
  if (event.origin !== "https://example.com") {
    return; // 验证消息来源
  }
  console.log("接收到消息:", event.data);
}, false);

// 新窗口
window.opener.postMessage("Hello from new window!", "https://original-domain.com");

// 在两个页面中都设置相同的 document.domain
document.domain = "example.com";

``标签 打开新窗口 `window.open()` `target="_blank"` `rel="noopener"`