Window常用api
window.open 是浏览器内置函数,用于打开新标签页或新窗口。
window.open(
"https://github.com/Peiiii/AgentVerse", // 要打开的 URL
"_blank", // 目标:新标签页
"noopener,noreferrer", // 安全选项
);
noopener,noreferrer 是安全参数:防止新页面通过 window.opener 反向操控原页面(常见 XSS 攻击手段)。
window 常见 API
导航
window.location.href = "/chat"; // 跳转页面
window.location.reload(); // 刷新页面
window.location.pathname; // 当前路径 "/chat"
window.history.back(); // 后退
window.history.pushState({}, "", "/new-path"); // 修改 URL 不刷新
弹窗
window.alert("提示信息"); // 警告弹窗
window.confirm("确定删除?"); // 确认弹窗,返回 true/false
window.prompt("请输入名称"); // 输入弹窗,返回输入值
定时器
window.setTimeout(() => {}, 1000); // 延迟执行
window.setInterval(() => {}, 1000); // 定时重复
window.requestAnimationFrame(fn); // 下一帧执行
尺寸与滚动
window.innerWidth; // 视口宽度
window.innerHeight; // 视口高度
window.scrollY; // 当前滚动位置
window.scrollTo(0, 0); // 滚动到顶部
事件监听
window.addEventListener("resize", fn); // 视口大小变化
window.addEventListener("scroll", fn); // 页面滚动
window.addEventListener("beforeunload", fn); // 页面关闭前
window.addEventListener("online", fn); // 网络恢复
window.addEventListener("offline", fn); // 网络断开
其他
window.localStorage; // 本地存储
window.sessionStorage; // 会话存储
window.navigator; // 设备/浏览器信息
window.console; // 控制台
window.fetch(); // HTTP 请求
window.crypto.randomUUID(); // 生成 UUID
window.前缀通常可以省略,直接写localStorage、fetch()等效果一样,因为全局变量默认就是window的属性。
