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

转载于:https://www.cnblogs.com/caichunbao/p/7456219.html

理解文档对象模型(3)相关推荐

  1. JavaScript学习总结(一)——ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)...

    一.JavaScript简介 JavaScript是一种解释执行的脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,它遵循ECMAScript标准.它的解释器被称为JavaScript引 ...

  2. 脚本语言+文档对象模型基于浏览器客户端的编程

    记得最初学习Web开发时,首先接触的便是脚本语言(如:Vbscript.javascript......),因为脚本语言的体系结构并不是太复杂,要掌握的内容少,而且很容易进行实战开发(比如实现网页上的 ...

  3. 详细了解文档对象模型(DOM)

    我们都听说过与JavaScript相关的DOM或文档对象模型.DOM是Web开发中一个非常重要的概念.没有它,我们就无法在浏览器中动态修改HTML页面. 学习和理解DOM可以更好地访问.修改改和监听H ...

  4. 基于文档对象模型的软件设计

    基于文档对象模型的软件设计 文档对象模型是一种较为抽象的系统设计模式,就是将要处理的信息进行整理和抽象,运用面向对象软件设计方法,确定各种信息的组织关系和继承关系,形成一种树状结构来精确描述业务数据. ...

  5. BOM(浏览器对象模型)和DOM(文档对象模型)

    什么是BOM(浏览器对象模型) BOM:(Browser Object Mode) 浏览器对象模型. 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 ...

  6. dom定义了访问html文档对象的,HTML DOM (文档对象模型)

    HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. HTML DOM 树 DO ...

  7. Java中如何引用文档对象模型_在JAVA中使用文档对象模型DOM经验小结

    文档对象模型 (DOM) 是一个文档标准,对于完备的文档和复杂的应用程序,DOM 提供了大量灵活性.DOM标准是标准的.它很强壮且完整,并且有许多实现.这是许多大型安装的决定因素--特别是对产品应用程 ...

  8. html中js方法中如何传递本元素对象,JS HTML DOM (文档对象模型)

    DOM简介 当网页加载时,浏览器会创建页面的文档对象模型(DOM).通过DOM,JS可以对HTML实现以下操作: 改变页面中的所有HTML元素. 改变页面中的所有HTML属性. 改变页面中的所有CSS ...

  9. XML 文档对象模型 (DOM)细说

    XML 文档对象模型 (DOM) 类是 XML 文档的内存中表示形式. DOM 使您能够以编程方式读取.处理和修改 XML 文档. XmlReader 类也读取 XML,但它提供非缓存的只进.只读访问 ...

最新文章

  1. WPF实用指南二:移除窗体的图标
  2. 基于RT-Thread开发智能视觉组智能车-乐山师范学院
  3. python编程难吗-Python、C+这些编程语言难吗?十岁女孩告诉你答案
  4. Apache ZooKeeper - Watch 机制的底层原理
  5. iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 规范与部署
  6. 实现对现有的aspx请求进行异步队列控制处理
  7. PostgreSQL扫盲教程
  8. MYSQL学习(一) - 数据结构
  9. original_keras_version = f.attrs[‘keras_version‘].decode(‘utf8‘)AttributeError: ‘str‘ object has no
  10. UCOS内核结构学习笔记
  11. zip、rar文件格式
  12. 探索WebKit内核(一)------ 菜鸟起步
  13. Asp.net Mvc+MongoDB+Autofac等打造轻量级blog系统(二)
  14. 产品经理入门知识梳理
  15. 第三届传智杯初赛A组G题 - 森林
  16. 转型之路之Excel单元格按数值显示带背景颜色进度条
  17. HCIP之路重点LSA
  18. opencv3学习:reshape函数
  19. D. New Year and the Permutation Concatenation 题解翻译+思路解释(官方为主,我为补充)+普通人能看得懂的代码(我照着思路写的哈哈哈)
  20. 如何在 BGP 中通告网络

热门文章

  1. 【原生JS插件】LoadingBar页面顶部加载进度条
  2. android intent和intent action大全
  3. 关于“收获”啰嗦几句。
  4. 090609 T 领域建模
  5. ListableBeanFactory接口
  6. javascript --- 优先级执行顺序
  7. postgresql 不同数据库不同模式下的数据迁移
  8. Java核心技术及面试指南 异常部分的面试题归纳以及答案
  9. Kali渗透(二)之被动信息收集
  10. 四十三 常用内建模块 base64