这篇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用处比较大,一些基本方法参考我的git中history:https://github.com/caichunbao/history
5.使用定时器
window对象提供的一个有用功能是可以设置一次性和循环的计时器
clearInterval(<id>) 撤销某个时间间隔计时器 clearTimeout(<id>) 撤销某个超时计时器 setInterval(<function>,<time>) 创建一个计时器,每隔time毫秒调用指定函数 setTimeout(<function>,<time>) 创建一个计时器,等待time毫秒后调用指定函数
时间: 2024-10-06 07:58:09