什么是Dynamic HTML(Dhtml)
作者:佚名 发布时间:2010-03-16 12:40:00
什么是Dynamic HTML 今天我们以问答的形式来讲述什麽是Dynamic Html。
问:亲爱的网猴,我经常看到讲述有关“Dynamic HTML的教程。但是我不知道Dynamic HTML是什麽。我认为你应该写一些有关这方面的内容。
答:你说的很对。今天就让我们来讲讲有关这方面的内容。
首先Dynamic HTML是一种制作网页的方式,而不是一种网络技术(就象JavaScript和ActiveX);它也不是一个标记,一个插件或者是一个浏览器。
Dynamic HTML(或者叫dHTML或DHTML)是一个不错的网页制作方法。它可以通过JavaScript,VBScript,Document Object Modle(DOM),layers或者CSS来实现。(DHTML在不同的浏览器,被实现的效果也不同。)
说到这里,你也许要问:dHTML能实现什麽样的效果?他能改变页面中的一些效果,例如:当你的鼠标移到一幅图片的上面时,该图片能变为另一幅图。
也许你会问:当页面已经被下载到你的计算机上时,我们如何才能改变页面的效果呢?这就需要有一种技术告诉浏览器如何去改变页面中的效果。而这些技术就组成了dHTML:
1)Dynamic HTML是一种客户端的脚本语言
人们已经使用客户端的脚本语言(例如:JavaScript和VBScript)来改变HTML代码很常一段时间了。如果当你把鼠标放在一幅图片上时,该幅图片就改变显示效果,那它就是一个dynamic HTML例子。在Microsoft和Netscape发布的4.0级的浏览器,允许使用脚本语言去改变HTML语言中大多数的元素。能够被脚本语言改变的页面元素被叫做文件目标模型(Document Object Model)。
2)Dynamic HTML中的另一种形式:DOM
在感觉上,DOM应该是dynamic HTML中的核心内容。是它使得HTML代码能够被改变。DOM是在特定的时间在浏览器中被表示元素中的一个层。它包括一些有关环境的一些信息,例如:当前的时间和日期,浏览器的版本号,该网页的URL以及HTML中的元素(例如:p标记,divs或者表格标记)。通过开放这些DOM给脚本语言,浏览器就允许你来改变这些元素了。相对来说:还有一些元素不能被直接的被改变,但是你能通过使用脚本语言来改变一些其它元素来改变它们。
就象Taylor已经讲过的一样,DOM在IE4之前就出现了。在你使用IE4时,在IE4中运行的任何脚本语言,都能改变网页中的任何元素。
(虽然Netscape中的DOM使用权限与IE4比较受到了很大的限制,但是你能够将你所想要改变的内容放在一个layes(层)中,你可以通过改变层来改变你所想要改变的内容。并且Netscape声称他以后推出的浏览器将更好的支持W3C的DOM标准。
在DOM中有一部分内容,他专门用来指定什麽元素能够改变,他就是事件模型。所谓事件就是把鼠标放在一个页面元素上(onmouseover),加载一个页面(onload),提交一个表单(onsubmit),在表单文字的输入部分,用鼠标点击一下(onfocus)等等。
3)第三种Dynamic HTML方式:CSS
因为CSS是DOM中的一部分,所以脚本语言能够改变CSS中的一些属性。通过改变CSS,使你能够改变页面中的许多显示效果。这些效果包括:颜色,位置以及大小。
好了,这里该进行一些总结。你所改变的是CSS,而DOM来改变这些元素(CSS),那麽客户端的脚本语言来改变DOM。这就是Dynamic HTML。
为了学到更多有关Dynamic HTML方面的知识,请你去看动态HTML教程。
猜你喜欢
- 今天在论坛上面看到有些兄弟不知道HTC是什么东西。小生在这里稍微说一下。从5.5版本开始,Internet Explorer(IE)开始支持
- 不说什么,先上代码这里先求解形如的微分方程1.欧拉法def eluer(rangee,h,fun,x0,y0):
- 一、效果展示在介绍代码之前,先来看下本文的实现效果。可以参考下面步骤把Python文件转化成exe,发给未安装Python的他/她。Pins
- 代理模式的优点代理模式可以保护原对象,控制对原对象的访问;代理模式可以增强原对象的功能,通过代理对象来添加一些额外的功能;代理模式可以提高系
- 当前的调试部分可以使用 go run filename.go 来执行。可以生成一个 build.sh 脚本,用于在指定位置产生已编译好的 可
- 报表服务器数据库可以为一个或多个报表服务器实例提供内部存储。因为报表服务器数据库架构可能会因为推出新的 Reporting Services
- python简单的学生信息管理系统-文件版,供大家参考,具体内容如下功能如下主函数部分增加学生信息修改学生信息删除学生信息查询学生显示所有学
- 多表查询使用单个select 语句从多个表格中取出相关的查询结果,多表连接通常是建立在有相互关系的父子表上;1交叉连接第一个表格的所有行 乘
- 一、re.findall函数介绍它在re.py中有定义:def findall(pattern, string, flags=0): &nb
- 【人工智能项目】混合高斯模型运动目标检测本次工作主要对视频中运动中的人或物的边缘背景进行检测。那么走起来瓷!!!原视频高斯算法提取工作imp
- python的多线程比较鸡肋,优先使用多进程1 基础知识现在的 PC 都是多核的,使用多线程能充分利用 CPU 来提供程序的执行效率。1.1
- 为了庆祝jQuery的四周岁生日, jQuery的团队荣幸的发布了jQuery Javascript库的最新主要版本! 这个版本包含了大量的
- <html> <head> <title>Untitled Document</title>
- CSS网页布局应该避免滥用div元素一直是我们倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。页面中div与span元素的使用是
- 背景:路由结构/video/1.mp4,即/video是父路由,/1.mp4是/video的动态子路由,在/video父路由中会通过url的
- 1、登陆mysql数据库 mysql -u root -p查看user表mysql> use mysql;Database chang
- 在向表中插入数据的时候,经常遇到这样的情况:1、首先判断数据是否存在;2、如果不存在,则插入;3、如果存在,则更新。 在 SQL
- 本文实例讲述了JS实现简单的二元方程计算器功能。分享给大家供大家参考,具体如下:<!DOCTYPE HTML PUBLIC "
- 反射指的是运行时动态的获取变量的相关信息1. reflect 包类型是变量,类别是常量reflect.TypeOf,获取变量的类型,返回re
- 前言logging模块是Python内置的标准模块,主要用于输出脚本运行日志,可以设置输出日志的等级、日志保存路径等。可以通过设置不同的日志