JavaScript之BOM

什么是BOM

用于处理 浏览器部分的功能，也就是window

与document的关系 ：

浏览器版本：

   navigator.userAgent               

    例： window.navigator.userAgent

var br=navigator.userAgent.toLowerCase(); 

var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; 

当前页面的地址(网址)信息：

window.location.href                

例： window.location:读取

        window.location=‘http://www.baidu.com’写入

刷新页面方法:

window.location.reload();

参数：true刷新页面，不使用缓存     false  刷新页面，如果文档未改变使用缓存

打开窗口：

   open(地址,’target’)    target:_self  、 _blank(默认)、_parent、_top               

    例： window.open(‘http://www.baidu.com’,’_blank’) 

关闭窗口：

   close()                

    例： window.close()

    注：IE:弹出提示框,  谷歌：直接关闭   FF:不能关闭

           open出来的窗口才可以关

系统对话框：

   警告框：alert(‘内容’)，没有返回值

   例：alert(‘abc’)

   选择框：confirm(‘提问的内容’)，返回boolean

   例：confirm(‘你吃饭了吗？’)

   输入框：prompt()，返回字符串或null

    例：prompt(‘你的名字’，‘xy’)

   模态对话框：showModalDialog()

History对象：

   history对象保存着用户上网的历史 记录,从窗口被 打开的那一刻算起.

   后退一页  history.go(-1)     history.back()

   前进一页  history.go(1)      history.forward()

   前进两页  history.go(2)

scrollTop：  可视区域距离页面顶部的距离

    例：scrollTop=document.documentElement.scrollTop  || document.body.scrollTop

scrollLeft:    可视区域距离页面左边的距离

    例：scrollLeft=document.documentElement.scrollLeft  || document.body.scrollLeft

clientWidth：  可视区域的宽度

    例：document.documentElement.clientWidth

clientHeight:   可视区域的高度

    例：document.documentElement.clientHeight

对象属性

offsetWidth：  对象的宽度        例：obj.offsetWidth

offsetHeight:    对象的高度        例：obj.offsetHeight

offsetTop:  对象的上边距            例：obj.offsetTop

offsetLeft:  对象的左边距            例：obj.offsetLeft

onload：  当文档加载完毕执行

Onscroll:   当页面滚动时执行

Onresize:  当页面重订大小时执行

浏览器版本：

   navigator.userAgent               

    例： window.navigator.userAgent 

当前页面的地址(网址)信息：

   window.location                

    例： window.location:读取

            window.location=‘http://www.baidu.com’写入