这篇DOM说一说饱受争议window对象,还好window对象已经作为HTML5的一部分被添加到HTML规范之中了
1. 获取window
可以使用两种方法获取window对象,
正规的HTML5方式是在document对象上使用defaultView属性;
另一种则是使用浏览器都支持的全局变量window;
2.获取窗口信息
顾名思义,window对象的基本功能设计当前文档所显示的窗口。
innerHeight 获取窗口内容区的高度
innerWidth 获取窗口内容区的宽度
outerHeight 获取窗口的高度,包括边框和菜单栏
outerWidth 获取窗口的宽度,包括边框和菜单栏
pageXOffset 获取窗口从左上角算起水平滚动过的像素数
pageYOffset 获取窗口从左上角算起垂直滚动过的像素数
screen 返回一个描述屏幕的Screen对象
3.对用户进行提示
window对象包含一组方法,能以不同方式对用户进行提示
alert(<msg>)
confirm(<msg>)
prompt(<msg>,<val>)
4.获取基本信息
window对象能让你访问某些返回基本信息的对象,包括当前地址的详情和用户的浏览历史,
document history location
其中history用处比较大,一些基本方法参考我的github中history:https://github.com/caichunbao/history
5.使用定时器
window对象提供的一个有用功能是可以设置一次性和循环的计时器
clearInterval(<id>) 撤销某个时间间隔计时器 clearTimeout(<id>) 撤销某个超时计时器 setInterval(<function>,<time>) 创建一个计时器,每隔time毫秒调用指定函数 setTimeout(<function>,<time>) 创建一个计时器,等待time毫秒后调用指定函数