常见浏览器 JS 对象常见 API 及用法
2026-10-29 18:34:16
以下是常见浏览器JS对象及其API的详细总结：
一、BOM（Browser Object Model）核心对象1. Window 对象- 核心地位：BOM的核心，是JS访问浏览器的接口，也是ES规定的Global对象。
- 常用API：
对话框：
alert()：系统警告对话框，接收字符串参数并显示。
confirm()：系统确认对话框，提供确认或取消两种选择。
prompt()：提示对话框，除确认、取消外，还可提供文本输入域。
窗口操作：
open()：打开新窗口或新标签页。
onerror()：处理JavaScript错误。
定时器：
setTimeout()：在指定延迟后执行一次函数或代码段。
setInterval()：每隔指定时间重复执行函数或代码段。
区别：setTimeout是等上次调用结束后再延时执行，而setInterval每次达到一定间隔就会执行。在轮播事件中，最好使用setTimeout。
窗口位置：
screenLeft/screenTop：适用于IE、Safari、Chrome，返回窗口相对于屏幕的坐标。
screenX/screenY：适用于Firefox，功能同上。
moveBy(x,y)/moveTo(x,y)：移动窗口到指定位置。
窗口大小：
innerWidth/innerHeight：返回窗口的内部宽度/高度（包括滚动条）。
outerWidth/outerHeight：返回窗口的外部宽度/高度（包括工具栏、边框等）。
resizeTo(width, height)/resizeBy(width, height)：调整窗口大小。
- 功能：提供当前窗口加载的文档信息及导航功能，既是window对象的属性，也是document的对象属性。
- 主要属性：
hash：返回URL中的hash部分（#后的字符）。
host/hostname：返回服务器名称及端口号（如
http://juejin.im:80）或仅服务器名称（如http://juejin.im）。href：当前加载页面的完整URL。
pathname：返回URL的目录和（或）文件名。
port：URL的端口号，不存在则返回空。
protocol：页面使用的协议（如https:或http:）。
search：返回URL的查询字符串（以问号开头）。
- 应用场景：可用于页面跳转、URL解析等。
- 功能：获取浏览器的系统信息。
- 应用场景：检测插件、注册处理程序等。
- 功能：表示浏览器窗口外部的显示器信息。
- 应用场景：获取屏幕分辨率、颜色深度等。
- 功能：保存用户上网的历史记录。
- 常用API：
go(n)：跳转到历史记录中的指定位置（正数前进，负数后退）。
back()：等同于go(-1)，返回上一页。
forward()：等同于go(1)，前进到下一页。
length：返回历史记录中的URL数量。
- Window 对象是BOM的核心，提供了丰富的API用于窗口操作、定时器、对话框等。
- Location 对象用于获取和操作当前页面的URL信息。
- Navigator 对象提供浏览器和系统信息。
- Screen 对象用于获取显示器信息。
- History 对象用于操作浏览器的历史记录。
这些API在Web开发中非常常用，熟练掌握它们可以大大提高开发效率和用户体验。
热门标签
