`
liwen19840617
  • 浏览: 44332 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

DOM与DHTML简介

    博客分类:
  • java
 
阅读更多
DOM与DHTML简介

     学习Javascript中的DOM编程,首先要认识一下DOM与DHTML。 简单的说,HTML它是一种“静态”的网叶设计语言,主要提供文本和图形的显示功能。但它很难提供多媒体、二维空间移动、精确定位文字、图形的大小和位置。

       DHTML(Dynamic  HTML,动态HTML)作为浏览器自带的功能,实际上只是一种概念,它并不属于一种专门技术,它也不是指标签、插件或者是浏览器本身。DHTML就是一种即使在网页被下载进浏览器以后,仍然能够随时变换更新网页内容、排版样式以及动画效果等等的技术手段,实际上是由HTML、CSS,加上动态脚本技术构成。这里所说的动态脚本可以使用Javascript也可以是其他的脚本,比如Vbscript。

      Javascript将浏览器本身、网页文档、以及网页中的HTML元素都使用对应的内置对象表示,这些对象之间的层次关系统称为DOM(Document Object Model,文档对象模型)。

       用户通过鼠标和键盘在浏览器或网页元素上执行的操作,对DOM对象来说称之为事件。例如,用户在点击了网页上的按钮,那么在这个按钮就发生了点击事件,按钮就是事件源。如果把一段代码与这个事件源的事件关联,当事件发生时浏览器就会自动执行这段代码,从而引发一连串的动作,这个过程称之为事件驱动,使得HTML具有较强的交互性和动态改变性。

       因此DOM是代表了HTML文档本身,使用各种对象表示其元素。因此想要动态改变网页内容,就要使用DOM中的这些对象。所以称之为DOM编程。W3C(World Wide Web Consortium,万维网联盟)对DOM进行统一规范,制定了标准化W3C  DOM规范。它定义了访问HTML文档对象的一整套属性、方法和事件 。
 (注:W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。)
分享到:
评论

相关推荐

    javascript\css\dom\Dhtml帮助文档

    通过深入学习和实践,你可以提升自己的JavaScript编程能力,掌握CSS的布局与美化技巧,理解DOM操作,以及运用jQuery和Prototype等库来提高效率。同时,了解网页设计原则和色彩搭配,能够让你的设计更具专业性和艺术...

    web开发API(dom+dhtml+css+js+jquery)

    Web开发API是构建交互式网页的关键工具集合,涵盖了DOM(Document Object Model)、DHTML(Dynamic HTML)、CSS(Cascading Style Sheets)、JavaScript以及jQuery等多个核心技术。这些技术共同作用,使得开发者能够...

    dhtml和htmldom开发手册

    DHTML(Dynamic HTML)与HTML DOM(Document Object Model)是Web开发中的两个核心概念,尤其在Java Web开发中,它们的运用使得网页可以实现动态交互和丰富的用户界面效果。 DHTML是一种技术集合,主要包括HTML、...

    CSS+DOM+DHTML+CSSFILTER+JAVASCRIPT帮助文档合集(CHM格式)

    综上所述,这个CHM格式的合集提供了关于网页设计的核心技术——CSS、DOM、DHTML、CSS滤镜和JavaScript的全面教程。对于希望深入学习网页设计和开发的人员来说,这是一个宝贵的资源,可以帮助他们提升技能,创造出...

    从dhtml到dom脚本编程

    #### DHTML与DOM的基本概念 - **DHTML**: DHTML代表动态HTML,它并非一种独立的技术或标准,而是结合了HTML、CSS、JavaScript等技术来创建具有动态效果的网页。通过DHTML,网页可以在不重新加载整个页面的情况下...

    java JDK_API 、Junit4、JavaScript、DOM、DHTML、easyUI、CSS等项目开发帮助文档

    综上所述,这个压缩包涵盖了Java开发的基础(JDK_API)、单元测试(JUnit4)、网页客户端脚本(JavaScript)、网页动态化技术(DOM和DHTML)以及前端开发工具(EasyUI和CSS)。对于从事Java后端开发、网页开发或希望...

    最全的css dom dhtml手册集

    最后,"DHTML手册"将帮助你了解如何利用CSS、DOM和JavaScript共同实现动态网页效果。DHTML允许网页内容在不重新加载页面的情况下改变,这包括元素的移动、隐藏/显示、动画效果等。例如,通过JavaScript可以改变元素...

    HTML+DHTML+DOM中文帮助文档(chm格式)

    1. **DHTML_Manual.chm** - 这个文档可能详述了DHTML的核心概念,包括如何使用CSS实现样式控制,如何利用JavaScript进行动态效果的编程,以及如何通过DOM来操作网页元素。 2. **HTML帮助文档.chm** - 这部分文档...

    css与DHTML布局

    《CSS与DHTML布局》是一本深入探讨网页布局技术的专业书籍,主要涵盖了CSS(层叠样式表)和DHTML(动态超文本标记语言)两大核心主题。这些技术在现代网页设计和开发中扮演着至关重要的角色,使得网页不仅美观,而且...

    css、dhtml、dom文档

    综上所述,这些资源集合涵盖了Web前端开发的核心技术,可以帮助开发者深入理解并熟练掌握CSS样式设计、DHTML动态效果的实现、DOM结构的操作以及JavaScript和jQuery的应用。通过学习这些内容,可以提升网页的互动性和...

    DHTML手册 DHTML手册

    在学习DHTML时,理解DOM(Document Object Model)的概念也很关键。DOM是HTML和XML文档的结构化表示,允许程序和脚本动态地访问和更新文档内容、结构和样式。JavaScript通常用于操作DOM,添加、删除或修改页面元素,...

    DHTML 手册 DHTML 手册

    **DHTML(Dynamic HTML)手册** DHTML 是 Dynamic HTML 的缩写,是一种技术组合,用于在Web页面上创建动态、交互式...通过深入学习和实践DHTML,开发者能够创建更加丰富、互动的网页应用,提升用户与网页的交互体验。

    常用手册 DHTML 手册.chm

    四、DOM与DHTML DOM(Document Object Model)是HTML和XML文档的结构化表示,它将文档解析为一个节点树。开发者可以通过JavaScript操作DOM,增删改查页面元素,实现动态内容的更新。例如,获取特定元素,修改其文本...

    dhtml-html-css-javascript-dom帮助文档(.chm)五合一

    - **dhtml**:动态HTML,是HTML与JavaScript、CSS等技术结合,实现网页动态效果的技术。 - **html**:超文本标记语言,是创建网页的基本语言,用于定义网页结构。 - **css**:层叠样式表,用于控制网页元素的样式和...

    DHTML文档帮助,可查询dom对象,html的对象,方法等。编写js代码的常用工具。

    在DHTML中,DOM操作是动态更新页面的核心。这可能包括创建新元素、删除元素、改变元素的属性、移动元素位置、更新元素内容等。手册会提供实例和代码示例来说明这些操作的具体步骤和语法。 5. **事件处理** DHTML...

    Dhtml手册(Dhtml手册.chm)

    6. **动画与过渡效果**:DHTML允许开发者创建复杂的动画效果,如淡入淡出、滑动、旋转等,提升用户体验。这些效果通常通过改变CSS属性并利用定时器实现。 7. **动态内容**:DHTML的一大优势在于能实时更新页面内容...

    DHTML手册pdf下载

    2. **掌握JavaScript基础**: 学习基本的变量、条件语句、循环、函数等概念,并了解如何与DOM交互。 3. **CSS选择器和布局技巧**: 熟练使用CSS选择器来选中特定元素,掌握盒模型、浮动和定位等布局技术。 4. **事件...

    DHTML概念、核心和编程

    DHTML的实现离不开多种技术的结合,包括CSS(层叠样式表)、DOM(文档对象模型)以及客户端脚本语言,如JavaScript和VBScript。 【DHTML技术的核心—DOM】 DOM(Document Object Model)是DHTML的核心,它为HTML和...

Global site tag (gtag.js) - Google Analytics