精华内容
参与话题
问答
  • 1.1什么是DHTML

    千次阅读 2018-04-08 21:14:34
    1 DHTML 1.1 什么是DHTML  DHTML: Dynamic HTML 动态的HTML, 这门技术并不是一门新的技术, 而是将我们之前所学的HTML、CSS、JavaScript整合在一起,利用JS操作页面元素, 让元素具有动态的变化, 使得页面和用户...

    1 DHTML

    1.1 什么是DHTML

      DHTML: Dynamic HTML 动态的HTML, 这门技术并不是一门新的技术, 而是将我们之前所学的HTML、CSS、JavaScript整合在一起,利用JS操作页面元素, 让元素具有动态的变化, 使得页面和用户具有交互的行为.
      示例:点击div改变div的宽高及背景颜色.
      这里写图片描述

    1.2DHTML的原理

    1.2.1DHTML的原理
      在DHTML中, 将所有的HTML元素都使用一个一个的JS对象来进行表示, 使用对象来表示元素本身, 使用对象之间的包含关系来表示元素之间的层级关系.
      使用一个文档结构树来表示整个HTML文档.
      对象上可以设计属性和方法, 通过操作对象上的属性或方法, 可以间接的操作页面中的元素.
      利用这种方式将HTML、CSS、JavaScript整合在了一起,形成了现在的DHTML技术.
      这里写图片描述
     

    DHTML可以分为两部分内容: BOM和DOM   BOM: Browser Object Model 浏览器对象模型   DOM:
    Document Object Model 文档对象模型

    1.3BOM

    1.3.1window对象
    1.属性
       closed属性 – 表示当天窗口是否已经关闭 true表示已经关闭, false表示还没有关闭

    2.事件
       onload事件 – 在浏览器将整个html页面加载完成之后立即触发执行.
    示例:
    这里写图片描述
    3.方法
    (1)alert方法 – 定义一个消息对话框
    (2)confirm方法 – 定义一个确认对话框
    这里写图片描述

    1.4DOM

    1.4.1如何来获取HTML元素

      1.getElementById()
      getElementById:根据元素的id值获取指定的元素.返回的是一个对象, 表示所获取的元素.
      这里写图片描述
      2.getElementsByName();
      getElementsByName:根据元素的name属性值获取所有指定name的元素,返回的是一个集合数组(可以按照数组的方式来访问)
      这里写图片描述
      3.getElementsByTagName();
      getElementsByTagName:根据元素的名称来获取所有指定名称的元素, 返回的值是一个集合数组(按照数组的方式进行访问!)
      这里写图片描述
      4.value属性
      value:用来获取或设置输入框中的value值
      这里写图片描述
      5.innerHTML属性、innerText属性
      innerHTML属性用来获取或设置元素的html内容
       innerText属性用来获取或设置元素的文本内容(部分浏览器不兼容, 比如火狐)
       这里写图片描述
     

    1.4.2增加、删除、修改HTML元素

    1、createElement()、appendChild()
    (1)createElement – 创建一个指定名称的新元素
    (2)appendChild – 为元素添加一个子元素.
    这里写图片描述
    2、removeChild()
    removeChild方法 – 用来删除子元素
    document.body属性 – 用来获取页面中的body元素
    这里写图片描述
    3、replaceChild()、parentNode
    replaceChild(oNewNode, oChildNode)方法 – 通过父元素使用新元素替换已有的子元素
    parentNode属性 – 通过子元素来获取父元素
    这里写图片描述
    4、cloneNode(), insertBefore()
    cloneNode([boolean]) – 克隆元素, 参数默认是false, 表示克隆元素本身但是不包含子孙元素, 设置为true, 即可克隆整个元素(包括元素内的所有内容).
    insertBefore(oNewNode, oChildNode) – 通过父元素将新元素插入到已有子元素的前面
    这里写图片描述

    1.4.3练习案例1

    1.仿QQ分组列表

    (1)version_1: 基本实现: 点击分组展开当前分组
    这里写图片描述
    (2)version_2: 只允许一个分组展开(在展开当前分组之前, 先将所有分组依次关闭, 在展开当前分组)
    这里写图片描述
    (3)version_3: 如果当前分组是展开的, 点击之后应该关闭当前分组
       如果当前分组是关闭的, 点击之后先关闭所有分组, 再展开当前分组
    这里写图片描述

    1.4.4二级联动下拉框

    1.选择国家
    (1)onchange事件: 在下拉选项切换时触发
    这里写图片描述
    2.根据选中的省份获取对应的城市
    这里写图片描述
    这里写图片描述
    这里写图片描述

    展开全文
  • DHTML

    2010-12-27 17:39:00
    DHTML 不是由**网联盟(W3C)规定的标准。DHTML 是一个营销术语 - 被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应当支持的新技术。 只要各种浏览器所创建的属性特征和技术不被其他的浏览器支持,使用 ...

     DHTML 其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成。 DHTML 不是由**网联盟(W3C)规定的标准。DHTML 是一个营销术语 - 被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应当支持的新技术。 只要各种浏览器所创建的属性特征和技术不被其他的浏览器支持,使用 DHTML 进行编码就会产生问题。某个网页在一款浏览器中看上去很棒,在另一款中却非常糟糕。

    展开全文
  • DHTML

    2007-09-07 09:10:59
    DHTML 指导手册。
  • DHTML 中文帮助手册(非常全面)

    热门讨论 2009-09-14 08:42:34
    DHTML 中文帮助手册(非常全面) 适合一些做web以及桌面程序中需要操作网页元素的开发人员使用。 大名鼎鼎的getElementById就在这里面,大家一睹为快吧!
  • DHTML的介绍

    2018-05-02 20:16:49
    DHTML实现了网页从Web服务器下载后无需再经过服务的处理,而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如,当鼠标指针移到文章段落中时,段落能够变成蓝色,或者当鼠标指针移到一个超级链接...

    DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起,用于创造动态性更强的网页。
    通过 JavaScript 和 HTML DOM,能够动态地改变 HTML 元素的样式。

    DHTML实现了网页从Web服务器下载后无需再经过服务的处理,而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如,当鼠标指针移到文章段落中时,段落能够变成蓝色,或者当鼠标指针移到一个超级链接上时,会自动生成一个下拉式子链接目录等。
    作用包括:

        ①动态内容(Dynamic Content):动态地更新网页内容,可“动态”地插入、修改或删除网页的元件,如文字、图像、标记等。
        ②动态排版样式(Dynamic Style Sheets):W3C的CSS样式表提供了设定HTML标记的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘距离、靠左右或置中、背景图片或颜色等排版功能,而“动态排版样式”即可以“动态”地改变排版样式。


    展开全文
  • xhtml,xml,html,和dhtml的关系和区别

    千次阅读 2016-07-29 10:47:25
    XHTML产生的原因,一方面是为了和未来的XML大规模的应用接轨,一方面还要兼容目前的数以万计的用HTML编写的网页以及他们的设计者,开发者相兼容,于是便出现了这个东西。...由于许多浏览器都有自己的私有标签,而私有...
    XHTML产生的原因,一方面是为了和未来的XML大规模的应用接轨,一方面还要兼容目前的数以万计的用HTML编写的网页以及他们的设计者,开发者相兼容,于是便出现了这个东西。以HTML编写的网页中,标记使用有些混乱。由于许多浏览器都有自己的私有标签,而私有标签的大规模应用,就导致了不同浏览器上访问同一个网页的结果不同。举个例子iframe标签,就是IE的私有标签。 

    而XHTML产生的原因,正是为了统一这种标记使用混乱的局面,浏览器厂商将联合采用"严格的错误防御标准",如果XML代码不兼容,浏览器将拒绝显示。 

    这可以说也是对浏览器的一个改变,目前的浏览器,为了最大限度的容错,把网页中的内容,最大限度的显示出来。而改变之后,变成,只要不标准,就不显示。感觉就好像代码编译中的警告信息一样,目前,是忽略有可能导致问题的警告,而将来,将会把警告也作为错误来处理。
     
    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 

    2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 

    (1)XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点:不能适应现在越多的网络设备和应用的需要,比如手机、PDA、信息家电都不能直接显示HTML;由于HTML代码不规范、臃肿,浏览器需要足够智能和庞大才能够正确显示HTML;数据与表现混杂,这样你的页面要改变显示,就必须重新制作HTML。因此HTML需要发展才能解决这个问题,于是W3C又制定了XHTML,XHTML是HTML向XML过度的一个桥梁。 
    (2)XML是web发展的趋势,所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准,使用XHTML 1.0,只要你小心遵守一些简单规则,就可以设计出既适合XML系统,又适合当前大部分HTML浏览器的页面。这个意思就是说,你可以立刻设计使用XML,而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。 
    (3)使用XHTML的另一个优势是:它非常严密。当前网络上的HTML的糟糕情况让人震惊,早期的浏览器接受私有的HTML标签,所以人们在页面设计完毕后必须使用各种浏览器来检测页面,看是否兼容,往往会有许多莫名其妙的差异,人们不得不修改设计以便适应不同的浏览器。 
    (4)XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。 
    (5)XHTML是Web标准家族的一部分,能很好在无线设备等其它用户代理上。 
    (6)在网站设计方面,XHTML可助你去掉表现层代码的恶习,帮助你养成标记校验来测试页面工作的习惯。 
     

    XHTML特点: 
    标签要成对使用,小写标签及其属性。独立标签也要使用/>来关闭,例如
    变成
    。要保证完整的结构。属性值必须被引用(就是把属性值用双引号括起来),属性缩写被禁用。使用id代替name等等。 


    --------------- 
    DHTML 

    其实这个东西更加简单,并不能称作一项新的技术(即使在最初被使用的时候),因为,简单的说: 
    DHTML=HTML+DOM+CSS+Script 

    HTML用来定义网页元素,如段落、表格等。 CSS用来描述元素属性,如大小、颜色、位置等。 脚本语言用来操纵网页元素和浏览器。 

    DOM是什么呢? 

    DOM就是浏览器对象模型(Document Object ModleOM)脚本可以通过浏览器对象模型,来对浏览器进行操作。 

    以一个人来作比喻DHTML,那么HTML就是这个人的肉体,而CSS就是这个人的服装等等修饰,Script就是他的灵魂。 
    确切地说,DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范,DHTML只是一种将目前已有的网页技术、语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。 

    DHTML大致包含以下网页技术、标准或规范: 
    HTML 4.0 
    没什么好说的,网页的基础语言标准。 
    CSSL 
    注意!不是CSS,是CSSL,它是Clent-Side Scripting Language的缩写,译作“客户端脚本语言”,主要有JavaScript(JS),VBScript(VBS),JScript。Netscape主要支持JS,IE主要支持JS,VBS和JScript。 
    DOM 
    Document Object Model的缩写,译作“文档对象模型”,是W3C日前极力推广的web技术标准之一,它将网页中的内容抽象成对象,每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events),这些都可以通过上面讲到的CSSL来进行控制。IE和NS的对象模型都是以W3C的公布的DOM为基准,加上自己的Extended Object(扩展对象)来生成的。 
    CSS 
    这才是Cascading Style Sheets(层叠样式表单)的缩写,也是在论坛讨论最多的技术规范,它是HTML的辅助设计规范,用来弥补HTML在排版上的所受的限制导致的不足,它是DOM的一部分。理论上说通过CSSL动态地改变CSS属性可以做出任何你想要的页面视觉效果。 
    所以,简单地说,要实现DHTML,就是以HTML为基础,运用DOM将页面元素对象化,利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。 


    shtml: 
    问起SHTML和HTML的区别,如果用一句话来解释就是:SHTML 不是HTML而是一种服务器 API,shtml是服务器动态产成的html. 

    虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。 也就是Server Side Include--SSI 服务器端包含指令。 如果Web Server有SSI功能的话(大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enterprise Server等均支持SSI命令)。 
    会对shtml文件特殊招待。 先扫一次shtml文件看没有特殊的SSI指令现在。 
    有就按Web Server设定规则解释SSI指令。 解释完后跟一般html一起掉去客户端。 
    shtml 
    使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为"服务器端嵌入"或者叫"服务器端包含",是一种类似于ASP的基于服务器的网页制作技术。 

    SSI工作原理: 
    将内容发送到浏览器之前,可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如,可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形,使用包含文件是一种简便的方法。将内容存入一个包含文件中即可,而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件,此语句指示 Web 服务器将内容插入适当网页。而且,使用包含文件时,对内容的所有更改只需在一个地方就能完成。 

    因为包含 SSI 指令的文件要求特殊处理,所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml 

    Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时,直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令,则同时插入此文件。除了用于包含文件的基本指令之外,还可以使用 SSI 指令插入文件的相关信息(如文件的大小)或者运行应用程序或 shell 命令。 

    网站维护常常碰到的一个问题是,网站的结构已经固定,却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题,它将一个网站的基本结构放在几个简单的HTML文件中(模板),以后我们要做的只是将文本传到服务器,让程序按照模板自动生成网页,从而使管理大型网站变得容易。 

    所以,利用SHTML格式的页面目的和 ASP 差不多,但是因为是 API 所以运转速度更快,效率更高,比ASP快,比HTML慢,但由于可以使用服务器端包含,因此使页面更新容易(特别是批量更新banner,版权等),想象一下吧,你有一段 HTML,要在中间穿插一些特殊的服务端脚本,比如插入其他 HTML 段落,你选择 ASP 来完成这个任务,但是如果任务更繁重,需要更多的时间,比如 5 s,这个时候你不用 ASP 而用 SHTML,或许处理时间就只用 4 s 了. 
    展开全文
  • HTML和DHTML有什么区别

    千次阅读 2008-06-22 06:24:00
    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说, XHTML是一个过渡技术,结合了XML...
  • 什么是DHTML

    2008-03-31 15:27:00
    动态HTML(Dynamic HTML,简称DHTML),并不是一门新的语言,它只是HTML、CSS和客户端脚本(JavaScript)的一种集成。 DHTML建立在原有技术的基础上,可分为三个方面:一是HTML,也就是页面中的各种页面元素对象,它们是...
  • DHTML

    2018-10-07 10:29:15
    DHTML 简介: Dynamic(动态)超文本标记语言,这个不是新得技术,只是把所学得html,css,js结合到一起实现出来得内容 -DHTML包括:BOM和DOM BOM :浏览器对象模型Browser Object Model,包含了一部分和浏览器相关得对象,...
  • DHtml

    2019-03-01 16:50:07
    博文链接:https://skyofdawn.iteye.com/blog/246941
  • DHTML

    2019-02-09 23:44:13
     DHTML:动态的HTML。不是一门语言:是多项技术综合体的简称。 其中包含了HTML,CSS,DOM,Javascript。   二、HTML/CSS/DOM/Javascript各自作用       1、HTML:负责提供标签,对数据进行封装,目的是便于对该...
  • DHTML

    2016-11-30 20:54:02
    DHTML
  • DHTML

    2019-10-06 12:10:19
    DHTML的原理: 在DHTML中,将所有的HTML元素都是用一个一个的JS对象来进行表示,使用对象来表示元素本身,使用对象之间的包含关系来表示元素之间的层级关系 DHTML可以分为两个部分,分别是BOM和DOM BOM : ...
  • DHTML参考手册.rar

    2007-12-15 15:29:45
    DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 2 HTML 元素 HTML 字符集 样式表(CSS)参考 3 CSS 属性参考 CSS 长度单位参考 4 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和...
  • DHTML

    2017-08-01 20:27:05
    DHTML对象模型: DHTML对象: (1)BOM(Browser Object Model浏览器对象模型):window,history,navigator,document,location,screen,event。  用于JavaScript脚本与浏览器进行交互。 (2)DOM...
  • DHTML

    2008-10-05 21:03:00
    DHTML是HTML、CSS和客户端脚本的一种集成。 DHTML建立在原有技术的基础上,可分为三个方面: 一是HTML(XHTML),也就是页面中的各种页面元素对象,它们是被动态操纵的内容; 二是CSS,CSS属性也是动态操纵的内容,...
  • DHTML

    2015-06-01 13:28:29
    DHTML 是一种创建动态和交互 WEB 站点的技术集。 对大多数人来说,DHTML 意味着 HTML、样式表和 JavaScript 的组合。 开始学习 DHTML ! E4X E4X 是对 JavaScript 的新扩展。 E4X 向 JavaScript 添加了对 XML...
  • NULL 博文链接:https://chinesethink.iteye.com/blog/1591694
  • 其实DOM中最关键是要掌握节点与节点之间的关系(between node andnode),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一 下:其实D
  • DHTML手册Cascading Style Sheet 2.0 中文手册 所有HTML的知识点 属性样式等等

空空如也

1 2 3 4 5 ... 20
收藏数 27,597
精华内容 11,038
关键字:

dhtml