详细讲讲Window对象中常用的方法

1.窗口操作：

// 打开新窗口
window.open('https://example.com', '_blank')  // 新标签打开
window.open('https://example.com', '_self')   // 当前窗口打开

// 刷新页面
window.reload()           // 普通刷新
window.reload(true)      // 强制刷新（清除缓存）

// 关闭窗口
window.close()           // 关闭当前窗口

2.页面跳转:

// 跳转页面
window.location.href = 'https://example.com'
window.location.replace('https://example.com')  // 替换历史记录

// 前进后退
window.history.back()     // 后退
window.history.forward()  // 前进
window.history.go(-1)     // 后退一步
window.history.go(1)      // 前进一步

3.对话框

// 提示框
window.alert('提示信息')

// 确认框
window.confirm('确定要删除吗？')

// 输入框
window.prompt('请输入名字：', '默认值')

4.定时器：

// 延时执行
window.setTimeout(() => {
    console.log('3秒后执行')
}, 3000)

// 定期执行
window.setInterval(() => {
    console.log('每秒执行一次')
}, 1000)

// 清除定时器
window.clearTimeout(timeoutId)
window.clearInterval(intervalId)

5 滚动相关

// 滚动到指定位置
window.scrollTo(0, 100)
window.scrollTo({
    top: 100,
    behavior: 'smooth'  // 平滑滚动
})

// 相对滚动
window.scrollBy(0, 100)

// 滚动到元素
element.scrollIntoView()

6.尺寸和位置：

// 窗口尺寸
window.innerWidth   // 视口宽度
window.innerHeight  // 视口高度
window.outerWidth   // 窗口宽度
window.outerHeight  // 窗口高度

// 滚动位置
window.scrollX      // 水平滚动距离
window.scrollY      // 垂直滚动距离

7.事件监听：

// 监听滚动
window.addEventListener('scroll', () => {
    console.log('滚动了')
})

// 监听调整大小
window.addEventListener('resize', () => {
    console.log('窗口大小改变了')
})

// 监听加载完成
window.addEventListener('load', () => {
    console.log('页面加载完成')
})

8.存储：

// localStorage
window.localStorage.setItem('key', 'value')
window.localStorage.getItem('key')

// sessionStorage
window.sessionStorage.setItem('key', 'value')
window.sessionStorage.getItem('key')

9.剪贴板：

// 复制到剪贴板
window.navigator.clipboard.writeText('要复制的文本')

// 从剪贴板读取
window.navigator.clipboard.readText()

10.其他实用方法：

// 打印
window.print()

// 获取设备信息
window.navigator.userAgent

// 获取URL参数
new URLSearchParams(window.location.search)