js实现windows
JavaScript 实现窗口功能
在 JavaScript 中，可以通过 window 对象操作浏览器窗口。以下是常见的窗口操作方式：
打开新窗口
window.open('https://example.com', '_blank', 'width=500,height=300');- 第一个参数是 URL
- 第二个参数指定目标（
_blank为新窗口） - 第三个参数设置窗口特性（宽度、高度等）
关闭当前窗口
window.close();调整窗口大小
window.resizeTo(800, 600);移动窗口位置
window.moveTo(100, 100);窗口事件监听
可以监听窗口的各种事件：
窗口加载完成
window.addEventListener('load', function() {
console.log('Window loaded');
});窗口大小改变
window.addEventListener('resize', function() {
console.log('Window resized to:', window.innerWidth, 'x', window.innerHeight);
});窗口属性和方法
获取窗口尺寸
const width = window.innerWidth;
const height = window.innerHeight;滚动窗口
window.scrollTo(0, 500); // 滚动到指定位置
window.scrollBy(0, 100); // 相对当前位置滚动全屏模式
document.documentElement.requestFullscreen(); // 进入全屏
document.exitFullscreen(); // 退出全屏跨窗口通信
使用 postMessage 可以在不同窗口间安全通信：
发送消息
const otherWindow = window.open('other.html');
otherWindow.postMessage('Hello from main window', '*');接收消息
window.addEventListener('message', function(event) {
console.log('Received message:', event.data);
});注意事项
- 现代浏览器可能阻止弹出窗口，除非是由用户操作直接触发的
- 某些窗口操作可能受浏览器安全策略限制
- 跨窗口通信需要遵守同源策略或正确处理跨域情况
