JavaScript 窗口 - Javascript

JavaScript 窗口是一个常见的 Web 开发工具，可以与用户交互并显示信息。它可以通过浏览器中的 JavaScript 代码来创建和控制。

创建一个窗口

要创建一个窗口，我们需要使用 window.open() 方法。这个方法接受四个参数来定义窗口的属性：

1. 窗口的 URL
2. 窗口的名称
3. 窗口特性（如宽度、高度、位置等）
4. 是否覆盖现有窗口

示例代码:

window.open("http://www.example.com", "example", "width=500,height=500,top=100,left=100");

关闭一个窗口

我们可以使用 window.close() 方法来关闭一个窗口。

示例代码：

window.close();

判断窗口是否被关闭

可以使用 window.closed 属性来判断窗口是否已经被关闭。

if(window.closed){
  console.log("窗口已经关闭");
}

窗口通信

我们可以使用 window.postMessage() 方法在不同的窗口之间发送信息。

在源窗口中：

window.postMessage("hello", "http://target.com");

在目标窗口中：

window.addEventListener("message", function(event) {
  if(event.origin === "http://source.com"){
    console.log(event.data); // 输出 "hello"
  }
}, false);

窗口位置

我们可以使用 window.moveTo() 和 window.moveBy() 来移动窗口的位置。

window.moveTo(100, 100); // 移动窗口到 (100, 100) 的位置
window.moveBy(10, 0);    // 在当前位置基础上，向右移动 10 个像素

以上就是关于 JavaScript 窗口的一些基本知识，赶快去尝试一下吧！