什么是Bom?
Bom使js能与浏览器对话,获取浏览器信息,操作浏览器。Bom 的和核心对象是window,bom由一系列相关的对象组成,并且每个对象都提供了方法和属性
Bom尚无正式标准 Javascript语法的标准化组织是ECMA,DOM的标准化组织是w3c
组成Bom的对象:
window对象是BOM的顶层对象其余所有对象都是window的子对象
全局函数是自动成为window对象的方法
全局对象会自动成为window对象的属性,甚至DOM中的document也是window对象的属性
window中的方法: (window是可以省略的)
-
window.open() 打开新窗口
使用方法:window.open(新窗口的地址,"_blank")
使用这种方法可能会被新打开的窗口可能会被浏览器当作广告拦截。_blank 在新窗口打开,_self 在当前窗口打开
-
window.close() 关闭窗口
使用方法:window.close() 这种方法有兼容问题只有IE支持这种方法
-
window.alert() 弹出一个有确定按钮的框
使用方法:window.alert("指定显示的文本")
-
window.confirm('指定显示的文本') 会弹出一个框有确定和取消按钮,确定返回ture,取消返回false
使用方法:window.confirm('确定吗') 缺点:在不同浏览器上的样式难看,可以自行用hquery写出一个并且改变样式
-
window.propmt() 会弹出一个输入框
使用方法:window.propmt("显示给用户的文本") 用户在输入框中输入的值可以获取,如果嫌弃浏览器弹出来的样式难看也可以自己写一个
window对象的事件:
window.load() 所有资源加载完毕时触发
使用方法:$(选择器).load()
window.resize() 浏览器窗口有所改变时触发
使用方法:window.resize()
window.scroll() 浏览器窗口有滚动时触发
使用方法:window.scroll()
history对象:(存储访问历史)
-
go () 访问浏览器窗口历史
使用方法:history.go() 括号里可以填数字,如果是正数返回上一个页面,如果是负数返回下一个页面
-
back () 直接返回上一个页面
使用方法:history.back()
-
forword() 直接返回下一个页面
使用方法:history.forword()
-
length() 查看页面历史中的页面数
使用方法:history.length()
location对象:(用于获取当前页面的地址内容)
-
href 获取当前载入页面的完整路径
使用方法:location.href
-
search 执行GET请求的url中?后面的部分,又称查询字符串返回路径中?后的内容
使用方法:location.search
-
hash 如果路径中包含#符号返回#符号之后的内容
使用方法:location.hash
-
reload() 重新载入页面如果括号里的参数为ture时从服务器里重新加载页面,为false时从浏览器缓存里载入页面
使用方法:location.reload(ture/flase)
narigator对象 (存放web浏览器的有关信息)
-
Agent 用户代理头的字符串表示
使用方法:narigator.Agent
sreen对象 (存放有关浏览器屏幕的信息)
-
availHeight 返回访问者屏幕的高度
使用方法:sreen.availHeight
-
availWidth 返回访问者屏幕的宽度
使用方法:sreen.availWidth