JavaScript——BOM应用

BOM基础

打开、关闭窗口
open
蓝色理想运行代码功能
close
关闭时提示问题

<input type="button" value="打开窗口" onclick="window.open('http://www.baidu.com/');" />

_self在本窗口覆盖
_blank新开一个窗口覆盖
window.close();在IE下回出现弹窗，在搜狗浏览器下不会出现，火狐只能关闭由open打开的窗口

常用属性
window.navigator.userAgent判断当前浏览器版本信息
window.location当前网页的地址，赋值到一个网址

尺寸及坐标

窗口尺寸、工作区尺寸
可视区尺寸
document.documentElement.clientWidth可视区的宽
document.documentElement.clientHeight可视区的高
可视区的大小随着窗口大小而变化
滚动距离
document.body.scrollTop 在Chrome使用这个写法
document.documentElement.scrollTop 在IE与FF中使用这个写法
兼容处理：

var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

    alert(scrollTop);

常用方法和事件

系统对话框
警告框：alert（“内容”），没有返回值
选择框：confirm（“提问的内容”），返回Boolean
输入框：prompt（），返回字符串或null
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';
    }