js实现windows

JavaScript 实现窗口功能

JavaScript 可以通过 window 对象操作浏览器窗口，包括打开新窗口、调整窗口大小、关闭窗口等。以下是几种常见的窗口操作方法：

打开新窗口

使用 window.open() 方法可以打开一个新窗口。语法如下：

window.open(url, windowName, windowFeatures);

• url：新窗口加载的 URL。
• windowName：窗口名称（可选）。
• windowFeatures：窗口特性（如宽度、高度、工具栏等，可选）。

示例：

window.open("https://example.com", "_blank", "width=500,height=400");

调整窗口大小

通过 window.resizeTo() 或 window.resizeBy() 方法可以调整窗口大小：

window.resizeTo(width, height); // 设置绝对尺寸
window.resizeBy(deltaWidth, deltaHeight); // 基于当前尺寸调整

关闭窗口

使用 window.close() 方法关闭当前窗口：

window.close();

移动窗口

通过 window.moveTo() 或 window.moveBy() 方法移动窗口位置：

window.moveTo(x, y); // 移动到绝对坐标
window.moveBy(deltaX, deltaY); // 基于当前位置移动

窗口事件监听

可以监听窗口事件，如加载完成、大小改变等：

window.addEventListener("load", function() {
    console.log("窗口加载完成");
});

window.addEventListener("resize", function() {
    console.log("窗口大小改变");
});

注意事项

• 现代浏览器可能限制弹出窗口的行为，尤其是在非用户触发的场景（如自动弹出）。
• 某些窗口操作（如 close()）可能仅对脚本打开的窗口有效。

通过以上方法，可以实现基本的窗口控制功能。