`

理解DOM和JavaScript

 
阅读更多

     DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API(暂时先别考虑

xml,接触到的时候再回来想想),为文档提供了结构化表示,并定义了如何通过脚本来

访问文档结构。JavaScript则是于访问和处理DOM的语言。如果没有DOM,JavaScript根

本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分,这就使得

JavaScript可以访问元素的属性和方法。

HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model

for HTML)。

HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准

方法。

通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的

内容进行修改和删除,同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和

VBScript 使用。

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,

以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。
Javascript主要是利用HTML DOM去获得、改变、创建HTML元素,从而达到美化页面、操

作页面元素的目标。因此,在Javascript中最常见的就是各种各样的HTML DOM元素以及

它们各自的属性。除了这些DOM元素外,Javascript有自己的对象,例如数组。

简单说,可以认为Javascript主要是操纵HTML DOM。两者是不一样的。

DOM是一个标准,基本所有的浏览器都遵循这个规范,这样我们用脚本语言(如javascript)操作dom才能被浏览器所接受。

分享到:
评论
1 楼 576017120 2012-01-05  
   之后这段时间里,我会写一些关于js以及jquery的常用方法,并将两者做一下对比。我发现回头看的作用还是很大的,一直在用,但理解的并不是很到位。

相关推荐

    html dom 底层 javascript

    ### HTML DOM 底层 JavaScript 知识点解析 ...总之,HTML DOM底层JavaScript的深入理解,不仅需要掌握DOM的基本概念和接口,还需要熟悉如何使用JavaScript与DOM进行交互,从而实现网页的动态功能和响应性设计。

    JavaScript.DOM编程艺术(第2版)附录及源码.rar

    通过阅读《JavaScript.DOM编程艺术(第2版)》附录及源码,读者不仅能理论结合实践,还能接触到实际项目中的问题和解决方案,这对于提升JavaScript和DOM编程技能大有裨益。在学习过程中,不断练习和应用这些知识,将使...

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    JavaScript的AJAX(异步JavaScript和XML)技术也是本书的重要部分,它使得网页可以在不刷新整个页面的情况下与服务器进行通信。通过XMLHttpRequest对象或者更现代的fetch API,开发者可以实现数据的动态加载和更新,...

    IEdom查看javascript工具

    总结来说,"IEdom查看javascript工具"是前端开发者在使用Internet Explorer时的得力助手,通过它,我们可以更高效地进行网页开发和调试工作,提高工作效率,同时加深对DOM和JavaScript的理解。在不断发展的Web技术...

    javascript_DOM操作

    理解并熟练掌握JavaScript DOM操作是成为一名优秀前端开发者的关键,这不仅能让你更好地控制网页动态行为,还能提升用户体验,使网页更具互动性和吸引力。在实际项目中,结合现代前端框架,DOM操作的效率和灵活性将...

    JavaScript_DOM编程艺术第二版(中文)

    理解DOM节点、属性、事件和选择器是创建动态网页的关键,这使得开发者能够动态加载内容、更新UI、实现表单验证等功能。 书中还深入讨论了CSS选择器的使用,这是JavaScript与样式关联时的重要工具。通过掌握CSS选择...

    javascript Dom 编程艺术

    本 书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践,并全面探讨了HTML5以及jQuery等JavaScript库...

    经典之作javascript dom编程艺术源码

    JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...

    DOM Scripting.Web.Design.with.JavaScript.and.the.Document.Object.Model(JavaScript DOM编程艺术)

    1. **DOM基础**:理解DOM的基本概念,如节点类型(元素节点、属性节点、文本节点等)、DOM树结构,以及如何通过JavaScript访问和操作这些节点。 2. **遍历DOM**:学习如何遍历DOM树,查找特定的元素,如使用`...

    JavaScriptDOM编程艺术第二版

    1. **DOM基础**:理解DOM是什么,它是如何工作的,以及如何通过JavaScript访问和遍历DOM树。 2. **元素操作**:学习选择、创建、添加、删除和修改HTML元素的方法。 3. **事件处理**:了解事件的基本概念,如何绑定和...

    JavaScriptDOM编程艺术

    这些基础知识是编写任何JavaScript代码的基础,也是理解DOM操作的前提。 2. **DOM概念**:DOM是文档对象模型,它将HTML或XML文档解析为一个可编程的对象树。每个HTML元素、属性、文本都对应一个节点,通过这些节点...

    javascriptDOM

    在JavaScript和CSS的学习中,两者是相互关联的。CSS用于定义网页的外观和布局,而JavaScript DOM则提供了动态改变这些外观和布局的能力。通过熟练掌握JavaScript DOM,开发者可以创建交互性强、用户体验丰富的网页...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    源代码部分通常包含书中各个章节示例的实现,读者可以通过这些实例加深对JavaScript和DOM的理解。这些代码可以帮助读者实践所学,同时也能作为未来项目中的参考。 PDF电子版则提供了完整的书本内容,方便读者在线...

    javascriptDom编程艺术+源码

    通过实际操作这些代码,读者能更直观地理解DOM编程的原理和方法,提升动手能力。 此外,书中还涉及了一些高级话题,如异步编程(AJAX)、DOM遍历优化和性能考虑,以及如何避免常见的JavaScript和DOM相关的陷阱。...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    根据提供的文件信息,我们可以推断出这是一本关于JavaScript DOM编程技术的书籍...通过深入学习本书中的内容,开发者可以更好地理解和掌握JavaScript与DOM的结合方式,提高Web开发的能力。希望上述内容能对你有所帮助。

    JavaScript & DOM Enlightenment

    同时,随着Web组件和框架(如React、Vue、Angular)的流行,理解JavaScript和DOM的基础变得更为重要,因为它们是这些高级技术的基石。 通过"JavaScript Enlightenment",你可能会学习到如何编写高效、可维护的...

    JavaScript DOM 高级程序设计

    全书分为3个部分:第一部分“深入理解DOM脚本编程”,涉及W3CDOM规范的各方面,包括非标准的浏览器支持和不支持的内容;第二部分“浏览器外部通信”,以Ajax和客户端—服务器端通信为主题;第三部分“部分高级脚本...

    深入理解JavaScript系列

    深入理解JavaScript系列(5):强大的原型和原型链 深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP 深入理解JavaScript系列(7):S.O.L.I.D五大原则之开闭原则OCP 深入理解JavaScript系列(8):...

Global site tag (gtag.js) - Google Analytics