js window对象

// 示例代码：使用 window 对象的基本属性和方法

// 1. 获取窗口的宽度和高度
console.log("窗口宽度: " + window.innerWidth);
console.log("窗口高度: " + window.innerHeight);

// 2. 打开新窗口
// window.open('https://www.example.com', '_blank');

// 3. 关闭当前窗口
// window.close(); // 只能关闭由 window.open() 打开的窗口或空窗口

// 4. 设置定时器
let timerId = window.setTimeout(() => {
    console.log("定时器触发");
}, 2000);

// 5. 清除定时器
window.clearTimeout(timerId);

// 6. 监听窗口大小变化事件
window.addEventListener('resize', () => {
    console.log("窗口大小已改变，新的宽度：" + window.innerWidth + "，新的高度：" + window.innerHeight);
});

// 7. 滚动到页面顶部
window.scrollTo(0, 0);

// 8. 获取当前页面的 URL
console.log("当前页面的 URL 是: " + window.location.href);

// 9. 重定向到另一个页面
// window.location.href = 'https://www.example.com';

// 10. 弹出提示框
// let userName = window.prompt("请输入您的名字", "默认名字");
// console.log("用户输入的名字是: " + userName);

// 11. 弹出确认框
// let isConfirmed = window.confirm("您确定要继续吗?");
// if (isConfirmed) {
//     console.log("用户点击了确定");
// } else {
//     console.log("用户点击了取消");
// }

// 12. 弹出警告框
// window.alert("这是一个警告框");

// 解释说明：
// 上述代码展示了如何使用 window 对象的各种属性和方法来操作浏览器窗口。包括获取窗口尺寸、打开和关闭窗口、设置和清除定时器、监听窗口事件、滚动页面、获取和修改 URL、以及弹出各种对话框。