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

DOM&BOM

时间:2018-10-25 21:40:26      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:xml语法   eset   clear   level   his   固定   cat   font   操作xml   

DOM&BOM

文档对象模型 (DOM):处理网页内容的方法和接口

浏览器对象模型(BOM):与浏览器交互的方法和接口

BOM

window对象:浏览器中打开的窗口

① 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

② window.frames 返回窗口中所有命名的框架

③parent是父窗口(如果窗口是顶级窗口,那么parent==self==top)

top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe)

self是当前窗口(等价window)

opener是用open方法打开当前窗口的那个窗口

④与消息框有关的方法:alert(String)、confirm(String)、prompt(String)

两种定时器setTimeout(code,latency) 和 setInterval(code,period)

注:setTimeout只执行一次code,如果要多次调用,可以让code自身再次调用setTimeout();setInteval()会不停地调用code,直到clearInterval()被调用。

2)location对象:包含当前URL信息。重点掌握location对象的href属性,用于设置或返回完整的URL。

3)history对象:主要是back()/forward()和go()方法,几乎用不到。

DOM

DOM是W3C组织制定的一套用于访问和操作XML和HTML文档的标准。W3C DOM被分为3个不同的部分 / 级别(parts / levels):

    • 核心DOM:用于任何结构化文档的标准模型(不作研究)

    • XML DOM:用于XML……

    • HTML DOM:用于HTML……

12、XML DOM和HTML DOM

HTML和XML:
HTML:超文本标记语言,标记是有限的,每个标记有自己固定的含义,主要用于信息的显示。
XML:可扩展标记语言,可以自定义标记,扩展性很强,主要用于信息的存储和传送

 

1) XML DOM和HTML DOM分别定义了访问和操作XML和HTML文档的标准方法(接口)。

2)HTML文档符合XML语法标准,所以可以使用XML DOM API解析HTML(比较麻烦),后面的例子会分别使用HTML DOM和XML DOM进行解析。

3)如果把HTML当做XML对待,不会忽略回车、空格和制表符。

13、DOM节点树模型(以HTML DOM树为例)

 

 

技术分享图片

 

1)DOM模型将整个文档(XML文档和HTML文档)看成一个树形结构,并用document对象表示该文档。

2)DOM规定文档中的每个成分都是一个节点(Node):

文档节点(Document):代表整个文档

元素节点(Element):文档中的一个标记

文本节点(Text):标记中的文本

属性节点(Attr):代表一个属性,元素才有属性

3)Node为所有节点的父接口,其定义了一组公共的属性和方法,如下:

技术分享图片

 

 

 14、DOM节点三大属性(XML DOM)

1)nodeName:元素节点、属性节点、文本节点分别返回元素的名称、属性的名称和#text的字符串。

2)nodeType:元素节点、属性节点、文本节点的nodeType值分别为1、2、3.、

3)nodeValue:元素节点、属性节点、文本节点的返回值分别为null、属性值和文本节点内容。

DOM&BOM

标签:xml语法   eset   clear   level   his   固定   cat   font   操作xml   

原文地址:https://www.cnblogs.com/azurite/p/9852996.html

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