理解文档对象模型(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用处比较大,一些基本方法参考我的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

理解文档对象模型(3)的相关文章

理解文档对象模型(2)

接上一篇文章,继续理解DOM模型,这次主要写一些原生js如何获取HTML元素对象,Document对象的一大关键功能就是作为一个入口,让你能访问代表文档里各个元素的对象.可以将DOM视为一棵树并沿着它的结构进行导航. 1. 使用属性获取元素对象 Document对象为你提供一组属性,它们会返回代表文档中特定元素或元素类型的对象 activeElemrnt -> 返回一个代表当前带有键盘焦点元素的对象(HTMLElement) body -> 返回一个代表body元素的对象(HTMLElemen

DOM(文档对象模型)

1.定义: DOM是Document Object Model文档对象模型的缩写.是针对HTML和XML文档的一个API,通过DOM可以去改变文档. 例如:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢? DOM就是定义了如果做类似操作,那么应该怎么做的标准.比如用getElementById来访问节点,用insertBefore来插入节点. 当浏览器载入HTML时,会生成相应的DOM树. 简而言之,DOM可以理解为一个访问或操作HTML各种标签的

XML简明教程——文档对象模型——DOM和SAX(二)

DOM概述: DOM是一种典型的基于XML文档树状结构的解析技术.从概念上看,DOM的解析方式非常容易理解.DOM首先加载XML文档,并把XML树状结构存放到计算机内存中做进一步处理. 1.DOM与XML基于树状结构的解析模式 1.1XML基于树状结构的解析模式 XML文档中的文档类型描述.元素.属性.处理指令.注释和文本内容都可以视为状态树的节点.虽然从XML文档本身和XPath的角度来看,节点的含义略有不同,但是,一个XML文档能够被看作是按照一定层次结构分布的节点树. 当一个XML文档被以

文档对象模型-DOM

DOM定义 个人关于文档对象模型的理解是我们日常开发的页面的各个基本结构,如HTML,Head,Body,..但是小红书上的解释是针对XML但经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface).DOM可以把页面映射为一个多层节点结构,把HTML或XML页面中的每个组成部分都当成是某种类型的节点,这些节点又包含着不同类型的数据,而通过DOM创建的这个表示文档的树形图,开发人员就能够主动的控制页面内容和结构. DOM级别 DOM1级:

JavaScript笔记03——文档对象模型(Document Object Model,简称DOM)

Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等,Dom技术使得页面的交互性大大地增强.[1] DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系.可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现. 通过 JavaScript,您可以重构整个 HTML 文档.您可以添加.移除.改变或重排页面上的项目. 要改变页面的某个东西,J

DOM 文档对象模型+倒计时

DOM 文档对象模型 DOM (document object model) 文档对象模型,它定义了操作文档对象的接口. DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号来表明家庭成员之间的关系. 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够

JS DOM(文档对象模型)与BOM(浏览器对象模型)

在JS中,对DOM(Document Object Model)对象和BOM(Browser Object Model )对象的操作是非常重要的内容.DOM主要包括HTML文档的属性和方法,像对HTML节点的操作,CSS的操作和HTML事件的监听和处理.BOM不要包括浏览器相关的一些属性和方法. DOM知识点1.改变页面的元素和属性a.获取元素的方法:document.getElementById()document.getElementsByTagName()document.getEleme

文档对象模型操作xml文档

简介 :文档对象模型(DOM)是一种用于处理xml文档的API函数集. 2.1文档对象模型概述 按照W3C的定义,DOM是“一种允许程序或脚本动态地访问更新文档内容,结构和样式的.独立于平台和语言的规范化接口.DOM是表示文档(比如HTML和XML)和访问.操作构成文档的各种元素的应用程序接口,它以树状结构表示HTML和XML文档,定义了遍历这个树和检查.修改树的节点的方法和属性. DOM的核心API还允许你创建和填充文件.加载文档并保存. 2.2DOM实现 微软的net框架在Systemx.x

JavaScript(三、DOM文档对象模型)

一.什么是DOM DOM 是 Document Object Model(文档对象模型)的缩写. DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: "W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式." W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对