码迷,mamicode.com
首页 > 其他好文 > 详细

理解文档对象模型(3)

时间:2017-09-20 00:53:50      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:滚动   nba   .com   菜单栏   访问   返回   tin   用户   pagex   

    这篇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毫秒后调用指定函数

 

理解文档对象模型(3)

标签:滚动   nba   .com   菜单栏   访问   返回   tin   用户   pagex   

原文地址:http://www.cnblogs.com/caichunbao/p/7456219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!