Yasin

Yasin

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. 前缀通常可以省略,直接写 localStoragefetch() 等效果一样,因为全局变量默认就是 window 的属性。