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中的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来定制。)
发表评论
-
关于分拆短信问题
2013-07-08 15:26 787关于分拆短信的总结 -
生成java安全证书
2013-03-20 10:55 885============================= ... -
eclipse安装svn插件
2013-03-15 14:04 592step1:在“D:\eclipse4.2\dropins” ... -
eclipse插件记录
2012-05-09 11:01 651正则相关:http://www.myregexp.com/ec ... -
Tomcat中的Connector配置
2012-03-29 16:07 2798JBoss使用Tomcat作为Web容器,因此在JBoss中对 ... -
JAXWS服务器端创建及发布(二)
2012-03-29 16:05 1158JAXWS接口如何定义? 接口定义: @WebServic ... -
进程和线程的联系和区别
2012-03-29 15:57 1140定义: 一、进程是具有一定独立功能的程序关于某个数据集合上的一 ... -
SSL原理
2012-03-28 10:29 729SSL原理 一 前言 首先 ... -
如何把Https网站中的安全证书导入到java中的cacerts证书库?
2012-03-27 17:43 778其实很简单,方法如下: 每一步:进入某个https://ww ... -
tomcat访问中去掉项目名称
2012-03-26 17:05 1011<Context docBase="../wt ... -
tomcat https配置
2012-03-26 17:04 7791、利用keytool工具生成.keystore文件,并且放置 ... -
java中Keytool的使用总结
2012-03-26 15:12 666Keytool 是一个Java 数据证书的管理工具 ,K ... -
再读java思想——初始化与清除
2012-03-22 11:32 6081、为了能用简便、面向对象的语法来编写代码——即“发送消息给对 ... -
再读java思想——一切皆对象
2012-03-21 16:39 7601、数据存储 寄存器(register):这 ... -
再读java思想----一切皆对象
2012-03-20 11:38 9341、在良好的面向对象设计中,每个对象都能很好的完成一项任务,但 ... -
再读java思想----一切皆对象
2012-03-20 11:35 01、在良好的面向对象设计中,每个对象都能很好的完成一项任务,但 ... -
tomcat配置
2012-01-16 16:02 663<Context docBase="E:\pr ... -
apache先骨干项目
2011-12-19 16:05 824分类 项目名 说明 ... -
apache-ftpserver-1.0.6
2011-12-19 14:55 10141、配置文件 ftpd-typical.xml ... -
Java 理论与实践: 线程池与工作队列
2011-11-10 17:15 589https://www.ibm.com/developerwo ...
相关推荐
通过深入学习和实践,你可以提升自己的JavaScript编程能力,掌握CSS的布局与美化技巧,理解DOM操作,以及运用jQuery和Prototype等库来提高效率。同时,了解网页设计原则和色彩搭配,能够让你的设计更具专业性和艺术...
Web开发API是构建交互式网页的关键工具集合,涵盖了DOM(Document Object Model)、DHTML(Dynamic HTML)、CSS(Cascading Style Sheets)、JavaScript以及jQuery等多个核心技术。这些技术共同作用,使得开发者能够...
DHTML(Dynamic HTML)与HTML DOM(Document Object Model)是Web开发中的两个核心概念,尤其在Java Web开发中,它们的运用使得网页可以实现动态交互和丰富的用户界面效果。 DHTML是一种技术集合,主要包括HTML、...
综上所述,这个CHM格式的合集提供了关于网页设计的核心技术——CSS、DOM、DHTML、CSS滤镜和JavaScript的全面教程。对于希望深入学习网页设计和开发的人员来说,这是一个宝贵的资源,可以帮助他们提升技能,创造出...
#### DHTML与DOM的基本概念 - **DHTML**: DHTML代表动态HTML,它并非一种独立的技术或标准,而是结合了HTML、CSS、JavaScript等技术来创建具有动态效果的网页。通过DHTML,网页可以在不重新加载整个页面的情况下...
综上所述,这个压缩包涵盖了Java开发的基础(JDK_API)、单元测试(JUnit4)、网页客户端脚本(JavaScript)、网页动态化技术(DOM和DHTML)以及前端开发工具(EasyUI和CSS)。对于从事Java后端开发、网页开发或希望...
最后,"DHTML手册"将帮助你了解如何利用CSS、DOM和JavaScript共同实现动态网页效果。DHTML允许网页内容在不重新加载页面的情况下改变,这包括元素的移动、隐藏/显示、动画效果等。例如,通过JavaScript可以改变元素...
1. **DHTML_Manual.chm** - 这个文档可能详述了DHTML的核心概念,包括如何使用CSS实现样式控制,如何利用JavaScript进行动态效果的编程,以及如何通过DOM来操作网页元素。 2. **HTML帮助文档.chm** - 这部分文档...
《CSS与DHTML布局》是一本深入探讨网页布局技术的专业书籍,主要涵盖了CSS(层叠样式表)和DHTML(动态超文本标记语言)两大核心主题。这些技术在现代网页设计和开发中扮演着至关重要的角色,使得网页不仅美观,而且...
综上所述,这些资源集合涵盖了Web前端开发的核心技术,可以帮助开发者深入理解并熟练掌握CSS样式设计、DHTML动态效果的实现、DOM结构的操作以及JavaScript和jQuery的应用。通过学习这些内容,可以提升网页的互动性和...
在学习DHTML时,理解DOM(Document Object Model)的概念也很关键。DOM是HTML和XML文档的结构化表示,允许程序和脚本动态地访问和更新文档内容、结构和样式。JavaScript通常用于操作DOM,添加、删除或修改页面元素,...
**DHTML(Dynamic HTML)手册** DHTML 是 Dynamic HTML 的缩写,是一种技术组合,用于在Web页面上创建动态、交互式...通过深入学习和实践DHTML,开发者能够创建更加丰富、互动的网页应用,提升用户与网页的交互体验。
四、DOM与DHTML DOM(Document Object Model)是HTML和XML文档的结构化表示,它将文档解析为一个节点树。开发者可以通过JavaScript操作DOM,增删改查页面元素,实现动态内容的更新。例如,获取特定元素,修改其文本...
- **dhtml**:动态HTML,是HTML与JavaScript、CSS等技术结合,实现网页动态效果的技术。 - **html**:超文本标记语言,是创建网页的基本语言,用于定义网页结构。 - **css**:层叠样式表,用于控制网页元素的样式和...
在DHTML中,DOM操作是动态更新页面的核心。这可能包括创建新元素、删除元素、改变元素的属性、移动元素位置、更新元素内容等。手册会提供实例和代码示例来说明这些操作的具体步骤和语法。 5. **事件处理** DHTML...
6. **动画与过渡效果**:DHTML允许开发者创建复杂的动画效果,如淡入淡出、滑动、旋转等,提升用户体验。这些效果通常通过改变CSS属性并利用定时器实现。 7. **动态内容**:DHTML的一大优势在于能实时更新页面内容...
2. **掌握JavaScript基础**: 学习基本的变量、条件语句、循环、函数等概念,并了解如何与DOM交互。 3. **CSS选择器和布局技巧**: 熟练使用CSS选择器来选中特定元素,掌握盒模型、浮动和定位等布局技术。 4. **事件...
DHTML的实现离不开多种技术的结合,包括CSS(层叠样式表)、DOM(文档对象模型)以及客户端脚本语言,如JavaScript和VBScript。 【DHTML技术的核心—DOM】 DOM(Document Object Model)是DHTML的核心,它为HTML和...