js里面的Bom对象
什么是Bom
Bom是浏览器对象,全拼为(Browser Object Model)浏览器对象模型
BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,
BOM最初是Netscape浏览器标准的一部分
bom属性 | 描述 | |
---|---|---|
window | 对象 | |
navigator | 浏览器信息 | |
location | 浏览器定位和导航 | |
screen | 屏幕信息 | |
history | 窗口浏览器历史 | |
document | 文档 |
window
window对象是js中的顶级对象,所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。
- 例:
打开窗口:window.open(url,target,param);
// url 要打开的地址// target 新窗口的位置 _blank(默认) _self // param 新窗口的一些设置// 返回值,新窗口的句柄关闭窗口:window.close();
定时器 setIiterval clearInterval
setTimeout clearTimeout
系统对话框
alert() // 系统弹窗confirm() // 确认、取消弹窗prompt() // 输入弹窗navigator
navigator对象:包含大量有关Web浏览器的信息,在检测浏览器及操作系统上非常有用
window.navigator.appCodeName //浏览器代码名window.navigator.appName //浏览器步伐名window.navigator.appMinorVersion //浏览器补钉版本window.navigator.cpuClass //cpu类型x86window.navigator.platform //操作体系类型win32window.navigator.pluginswindow.navigator.opsProfilewindow.navigator.userProfilewindow.navigator.systemLanguage //客户体系语言zh-cn简体中文window.navigator.userLanguage //用户语言,同上window.navigator.appVersion //浏览器版本(包括 体系版本)window.navigator.userAgent//用户代理头的字符串表示window.navigator.onLine //用户否在线window.navigator.cookieEnabled //浏览器是否撑持cookiewindow.navigator.mimeTypes
location
location对象:表示载入窗口的URL,也可用window.location引用它location.href //当前载入页面的完整URLlocation.host //服务器的名字location.pathname //URL中主机名后的部分,如/pictures/index.htmlocation.hash //如果URL包含#,返回该符号之后的内容,如#anchor1location.reload(true | false); //重新载入当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为falsedocument.location.reload(URL) //打开新的网页
screen
window.screen.width //屏幕宽度window.screen.height //屏幕高度window.screen.availWidth //可用宽度(除去任务栏的高度)window.screen.availHeight //可用高度(除去任务栏的高度)
history
history.back() //在浏览历史里后退一步history.forward() //在浏览历史里前进一步history.go(i) //到汗青详细登记单的第i位h5里的history:pushState(a,b,c)//a:数据 c:地址栏window.onpopstate
document
document.write() //动态向页面写入内容