JavaScript BOM 浏览器操作

 BOM（ browser  object  model ）浏览器对象模型

 window  （等同于top） 顶级对象，页面上所有的内容都是window的

 window.name 一个比较特殊的属性。当name 没初始化时，它的值为空，不是undefined 。

 

window 自带的方法：

            .alert（）;          系统弹框 。无法设置样式

          .prompt（）；

          .comfirm （）；    确认时返回true  ，取消返回false。

缺点：无法设置样式。

 

 

  location对象：     

                    . host             主机名及端口号

                    . hostname    主机名

                    . port              端口号

                    . pathname     文件的路径（相对路径）                

                    . protocol        协议

                   . hash      #及后面的内容

                  . search   ？后面的搜索内容

                 . href       要跳转的地址

 

history对象：

                .forward（）

                .back（）

                .go（） 

 

navigator对象：

           .platform       判断当前使用的浏览器的系统平台

          .userAgent     判断用户浏览器的类型

           

定时器                                                                      清除定时器

var  idd =  setInterval(  函数  , 延迟时间 );             clearInterval(  要清除的Id号);

var   id  = setTimeout（函数  , 延迟时间）            clearTimeout（清除的id号） 这个定时器是一次性的但是仍要清除它，占空间

 

 

style标签中设置的样式属性获取不到<style>  </style>

style属性中设置的样式属性是可以获取到的  style=" width =300px ;" 

offset获取元素样式：

offsetWidth:获取元素的宽

offsetHeight:获取元素的高
offsetLeft:获取元素距离左边位置的值

offsetTop:获取元素距离上面位置的值

没有脱离文档流:
父级元素margin+父级元素padding+父级元素的border+自己的margin
脱离文档流：
自己的Left/top和自己的margin