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())可能仅对脚本打开的窗口有效。
通过以上方法,可以实现基本的窗口控制功能。






