您的位置:首页 > Web前端 > JavaScript

各种名词概念的解释汇总

2008-05-18 19:02 375 查看

什么是 DOM?

DOM 是 W3C(万维网联盟) 的推荐标准。

DOM 定义了访问诸如 XML 和 XHTML 文档的标准。

“W3C 文档对象模型(DOM)是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。”
W3C DOM 被分为 3 个不同的部分/级别(parts / levels):

核心 DOM用于任何结构化文档的标准模型XML DOM用于 XML 文档的标准模型HTML DOM用于 HTML 文档的标准模型DOM 定义了所有文档元素的对象和属性,以及访问它们的方法(接口)。

我的理解总结:

dom它可以认为是一个对象模型,一个对象的模型,或者可以理解她就是一个对象的表示形式,客户端从服务端获取到的xml文件或者其他数据,都是转换成这种对象模型,然后交给javasrcipt或者其他程序进行访问。

那么从xml文档如何转换成对象的呢,这也是dom所提供的,同时dom提供了一套的api,供js等程序访问这这些

对象。因此我们在js中,或者ajax中看到的很多方法实际都是dom提供的,比如document,代表了当前文件的对象,我们可以通过document访问文件的内容,如document.getElementsByTagName("title")就是获取标签名为title的对象。

对于js来说,都是通过dom访问文件的,不过dom不是只为js使用的,他是标准的api,独立于任何语言的


文档对象模型是 HTML 和 XML 文档的一个应用程序接口 (API) 。它提供了一种结构化的文档表示方式,从而使你可以修改它的内容以及最终的表达方式。总而言之,它把网页和脚本或编程语言连接了起来。

web开发者创建和处理网页需要的所有可用的属性、方法和事件都被组织成了对象 (例如:代表文档本身的文档对象,代表HTML表格的表格对象,等等)。这些对象可以在大部分浏览器中通过脚本语言来访问。

DOM经常与JavaScript连用。就是说,用JavaScript写的代码中,使用DOM来访问网页及其元素。不过,DOM被设计成独立于任何编程语言,通过单一的、一致的API,可以访问结构化表现的文档。尽管本站通篇关注于JavaScript,实际上DOM可用于任何语言

万维网联盟制定的DOM标准叫做W3C DOM。现在主要的浏览器都已经正确的实现了它,建立强大的跨浏览器的应用程序应该是可能的。

什么是 HTML DOM?

HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法(接口)。

如果您希望学习 HTML DOM,请访问我们的 HTML DOM 教程

什么是 XML DOM?

XML DOM 是:

用于 XML 的标准对象模型

用于 XML 的标准编程接口

中立于平台和语言

W3C 的标准

XML DOM 定义了所有 XML 元素的对象和属性,以及访问它们的方法(接口)。

换句话说:

XML DOM 是用于获取、更改、添加或删除 XML 元素的标准。

解析 XML

所有现代浏览器都内建了用于读取和操作 XML 的 XML 解析器。

解析器把 XML 读入内存,并把它转换为可被 JavaScript 访问的 XML DOM 对象。

微软的 XML 解析器与其他浏览器中的解析器是有差异的。微软的解析器支持对 XML 文件和 XML 字符串(文本)的加载,而其他浏览器使用单独的解析器。不过,所有的解析器都含有遍历 XML 树、访问、插入及删除节点的函数。

通过微软的 XML 解析器加载 XML

微软的 XML 解析器内建于 Internet Explorer 5 及更高版本中。

下面的 JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器:

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("books.xml");

代码解释:

第一行创建空的微软 XML 文档对象

第二行关闭异步加载,这样可确保在文档完整加载之前,解析器不会继续执行脚本

第三行告知解析器加载名为 "books.xml" 的文档

下面的 JavaScript 片段把名为 txt 的字符串载入解析器中:

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(txt);

注释:loadXML() 方法用于加载字符串(文本),而 load() 用于加载文件。

在 Firefox 及其他浏览器中的 XML 解析器

下面的 JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器:

xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async="false";
xmlDoc.load("books.xml");

代码解释:

第一行创建空的 XML 文档对象

第二行关闭异步加载,这样可确保在文档完整加载之前,解析器不会继续执行脚本

第三行告知解析器加载名为 "books.xml" 的文档

下面的 JavaScript 片段把名为 txt 的字符串载入解析器中:

parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");

代码解释:

第一行创建一个空的 XML 文档对象

第二行告知解析器加载名为 txt 的字符串

注释:Internet Explorer 使用 loadXML() 方法来解析 XML 字符串,而其他浏览器使用 DOMParser 对象。

动态超文本标记语言”(DHTML) 是
所谓的“动态超文本标记语言”(DHTML) 是一些开发者用以指超文本标记语言(HTML)、样式表(style sheets)、脚本(scripts)的组合。利用这一组和可以使文档具有动态效果。W3C的DOM工作组正在积极努力,以期业界能一致达成一个比 DHTML更为通用且中性语言(即不特定基于某具体编程语言)的文档对象模型(DOM)解决方案(详见W3C FAQ)。Mozilla素以“网页应用平台”著称,支持DOM是其中一个最重要的特性,同时也保证了Mozilla成为其它浏览器可行的替代产品。

JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。具体细节参考http://www.json.org/json-zh.html
举个简单的例子:

js 代码

function showJSON() {   

    var user =    

    {    

        "username":"andy",   

        "age":20,   

        "info": { "tel": "123456", "cellphone": "98765"},   

        "address":   

            [   

                {"city":"beijing","postcode":"222333"},   

                {"city":"newyork","postcode":"555666"}   

            ]   

    }   

       

    alert(user.username);   

    alert(user.age);   

    alert(user.info.cellphone);   

    alert(user.address[0].city);   

    alert(user.address[0].postcode);   

}  

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息