浏览器相关 - 浏览器内置对象
常见浏览器 JS 对象常见 API 及用法
什么是浏览器的对象模型
BOM: Browser Object Model(浏览器对象模型),浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结构,就是浏览器提供的 API
其主要对象有:
- window 对象 -- BOM对象的核心。是JS 访问浏览器的接口,也是ES规定的Global对象
- location 对象:提供当前窗口中加载的文档有关的信息和一些导航功能,即是window对象属性,也是document对象属性
window.location
document.location - navigation 对象:获取浏览器的系统信息
- screen 对象:用来表示浏览器窗口外部的显示器的信息等
- history 对象:保护用户上网的历史信息
alert()
confirm()
prompt()open()
// 可以用来做前端监听 addEventlistener('onerror')
onerror()setTimeout()
// 使用setTimeout实现setInterval
// const run = setTimeout(() => run(), 1000)
// 还是存在区别:setTimeout强制等待了上一次状态,setInterval并不会去等待
setInterval()// 窗口位置
screenLeft
screenTop
// 适用 firefox
screenX
screenYmoveBy(x, y)
moveTo(x, y)// 窗口大小
innerWidth
innerHeightouterWidth
outerHeight// 获取视窗宽度
// const clientWidth = window.innerWidth || document.body.clientWidthresizeTo(width, height)
resizeBy(width, height)
location 对象 提供当前窗口中的加载的文档有关的信息和一些导航功能。既是 window 对象属性,也是 document 的对象属性
location 对象的主要属性:
hash
host
hostname
href
pathname
port
portname
search
navigation 对象 navigation 接口表示用户代理的状态和标识,允许脚本查询它和注册自己进行一些活动
// 可以用来判断网络
isOnline
history对象 【浏览器相关 - 浏览器内置对象】history 对象保存着用户上网的历史记录,从窗口被打开的那一刻算起,history 对象是用窗口的浏览历史用文档和文档状态列表的形式表示。
go()
back() // == go(-1)
forword() // == go(1)
length
推荐阅读
- angular2内置管道
- 操作系统|[译]从内部了解现代浏览器(1)
- 分享!如何分分钟实现微信扫二维码调用外部浏览器打开指定页面的功能
- 思维导图作业3—工作相关导图
- AnyProxy抓取http/https请求
- day16-Linux|day16-Linux 软件管理
- 适合写进作文与疫情相关的句子|适合写进作文与疫情相关的句子|你看 爱和希望蔓延的比病毒更快 每一种爱 都刻进武汉的心脏
- Linux|Linux 服务器nginx相关命令
- linux环境变量相关操作
- iOS|iOS 系统相关复习