• 理解文档对象模型(3)


        这篇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毫秒后调用指定函数
  • 相关阅读:
    苹果 iOS 8 新固件新功能特性总结汇总 (苹果 iPhone/iPad 最新移动操作系统)
    为什么魔兽世界里男性玩家爱选女性角色?
    腾讯PK微软 王者之战一触即发
    策略模式
    代理模式
    模板模式
    适配器模式
    工厂模式
    随机森林步骤(转)
    马氏距离通俗理解(转)
  • 原文地址:https://www.cnblogs.com/caichunbao/p/7456219.html
Copyright © 2020-2023  润新知