js实现窗口
JavaScript 实现窗口操作
在JavaScript中，可以通过多种方式操作浏览器窗口，包括打开新窗口、关闭窗口、调整窗口大小等。以下是常见的窗口操作方法：
打开新窗口
使用window.open()方法可以打开一个新窗口。该方法接受三个参数：URL、窗口名称和窗口特性。
let newWindow = window.open('https://example.com', '_blank', 'width=600,height=400');窗口特性可以指定窗口的大小、位置、工具栏等。例如：
width和height：设置窗口的宽度和高度。left和top：设置窗口距离屏幕左上角的偏移量。toolbar：是否显示工具栏（yes或no）。
关闭窗口
使用window.close()方法可以关闭当前窗口。注意，该方法通常只能关闭由脚本打开的窗口，或当前窗口本身。
window.close();调整窗口大小
使用window.resizeTo()和window.resizeBy()方法可以调整窗口大小。
resizeTo(width, height)：将窗口调整为指定的宽度和高度。resizeBy(deltaWidth, deltaHeight)：相对于当前窗口大小调整宽度和高度。
window.resizeTo(800, 600); // 调整窗口大小为800x600
window.resizeBy(100, -50); // 宽度增加100，高度减少50移动窗口
使用window.moveTo()和window.moveBy()方法可以移动窗口位置。
moveTo(x, y)：将窗口移动到屏幕的指定坐标。moveBy(deltaX, deltaY)：相对于当前位置移动窗口。
window.moveTo(100, 100); // 移动到(100, 100)
window.moveBy(50, 50); // 向右下方移动50像素窗口焦点控制
使用window.focus()和window.blur()方法可以控制窗口的焦点。
focus()：将窗口置于最前面。blur()：将窗口置于后台。
newWindow.focus(); // 将新窗口置于最前面
window.blur(); // 当前窗口失去焦点检测窗口状态
可以通过window.closed属性检测窗口是否已关闭。
if (newWindow.closed) {
console.log('窗口已关闭');
}注意事项
- 出于安全考虑，现代浏览器可能会限制某些窗口操作，例如弹出窗口可能会被拦截。
- 跨域窗口的操作受到严格限制，无法访问其他窗口的DOM或变量。
- 移动设备的浏览器通常不支持窗口大小调整或移动操作。
以上方法提供了基本的窗口操作功能，可以根据实际需求选择合适的方式。
