BOM的应用

基础：

实际上是用来操纵浏览器的。

1.打开、关闭浏览器：

     window.open('about:blank',XXX)        当XXX='_self'时，本窗口被空白页覆盖；当XXX='_blank'时，打开一个新的空白页窗口。

     window.close(); (主流浏览器适用)                      浏览器不兼容，此时应该使用window.open('close.html');

• 常用属性：

window.navigator.userAgent             显示当前浏览器的版本。

window.location         （1） 显示当前页面地址  （2）可以赋值

• document.write();    会把页面上的东西清空再写东西进去。

2.尺寸及坐标：

• 可视区尺寸：

document.documentElement.clientWidth

document.documentElement.clientHeight

• 滚动距离：

document.body.scrollTop>>>>>>>>>>>>>>>>>>>>>>兼容Chrome

document.documentElement.scrollTop>>>>>>>>>>>>>>>>>只兼容IE、FF

3.window对象常用事件：

   onload,onscroll,onresize(当窗口改变大小时发生)

例子：回到顶部按钮、侧边栏广告等。

window.onscroll=window.onresize=function (){
    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
    var oDiv=document.getElementById('div1');
    
    oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+'px';
};

tips：滑动时会出现抖动/闪烁，此时，使用userAgent(浏览器>IE6)时，用fixed。IE6则用运动。

4.常用方法和事件

系统对话框：

警告框：alert（‘内容’）；没有返回值

选择框：confirm（‘提问的内容’），返回Boolean

输入框：prompt（），返回字符串或null（输入什么返回什么）