BOM核心API
前言
我觉得前端中最难的不是业务逻辑,而是API太多,知道的太少。
BOM是什么?
BOM是Browser Object Model的缩写,即浏览器对象模型。浏览器对象模型提供了可以与浏览器窗口进行互动的对象结构。
BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率。
DOM和BOM?
1,BOM是浏览器对象模型,DOM是文档对象模型。
2,BOM关注的是浏览器本身的操作,DOM关注的是文档。
3,他们提供的API都包含在Window对象中。
4,DOM是由W3C推行的,BOM没有相关标准,不同浏览器定义有差别。
widow对象中BOM操作相关的四大属性
location
对浏览器地址栏,和URL的操作
reload():重新加载当前页面(刷新嘛)
assign(url):浏览器地址复上新的地址并载入
replace():同上
hash:获取当前url#后面的字符串,如果没有就返回空字符串
herf:指定地址栏的新地址并载入
hostname :返回web主机域名
pathname:返回当前页面路径和文件名
port:返回web主机的端口
protocol:返回使用的web协议(http:// 或 https://)
history
相当于操作浏览器前进后后退按钮
back:向后退一页
forward:向前进一页
go():根据参数做不同操作,0/空刷新页面,-1退一页,1前进一页,2前进两页
length:返回历史列表中的网址数。
screen
获取屏幕像宽高
availHeight:屏幕的高度像素减去系统部件高度之后的值
availWidth:屏幕的宽度像素减去系统部件宽度后的值
height:屏幕像素的高度
width:屏幕像素的宽度
navigator
浏览器信息查询
userAgent:返回由客户机发送服务器的userAgent。
appName:返回浏览器名称。
appVersion:返回浏览器平台和版本信息。
platform:返回运行浏览器的操作系统平台。
window中常用的浏览器相关操作
open(targetUrl,pageName,"height=400,width=400,top=10,left=10"):打开一张新的网页
close():关闭。
innerHeight:浏览器窗口的内部高度(兼容所有浏览器)—包含滚动条
innerWidth:浏览器窗口的内部宽度(兼容所有浏览器)
outerWidth :整个浏览器宽度
outerHeight :整个浏览器高度度
最新文章
- Mongodb学习笔记五(C#操作mongodb)
- Window 命令
- java函数参数默认值
- AJAX、JQUERY 工作遇到的知识点
- encache学习教程
- Character Controller (角色控制器) 中 Move()和SimpleMove() 的区别
- Ubuntu 14.04下NFS安装配置
- 中级iOS开发面试题
- 支付宝修改回调地址后 issign=false
- 【MS Office2013小技巧】Word中公式中的等号对齐
- 泛型委托及委托中所涉及到匿名方法、Lambda表达式
- Jquery 操作DropDownList 根据条件选中
- 蓝牙连接音响问题(android电视)
- 遇到android.os等系统sdk包没有自动导入的情况
- HDU4812
- 一行js代码识别Selenium+Webdriver及其应对方案
- echarts属性的设置(完整大全)
- SpringBoot一站式启动流程源码分析
- NRF51822之FICR
- python爬虫_入门