一 DHTML对象模型包含关系图
在下图中，window对象是整个对象模型的顶层对象，该对象包含document属性，该属性代表该窗口内的HTML文档，如果该窗口内有多个Frame，则可以使用frames[]方法依次访问该窗口的每个Frame。
document对象代表HTML文档本身，document对象又包含一系列的属性：forms、anchors、links、images......这些属性的返回值以关联数组的形式存在。
二 代码
<!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title> DHTML模型 </title> </head> <body id="bd"> <a href="http://www.crazyit.org">疯狂Java联盟</a><br /> <img id="lee" src="http://www.crazyit.org/logo.jpg" alt="疯狂Java联盟" /><br /> <form> <input type="text" name="user" value="文本框"/><br /> <input type="button" id='bn' value="按钮"/> </form> <script type="text/javascript"> // 访问body元素 alert(document.body.id); // 访问第一个超链接 alert(document.links[0].href); // 访问id或name为lee的图片 alert(document.images['lee'].alt); // 访问页面的第一个表单 form = document.forms[0]; alert(form.innerHTML); // 访问表单里第一个元素 alert(form.elements[0].value); // 访问表单里id或name为bn的元素 alert(form.elements['bn'].value); // 下面的代码在Internet Explorer 6中可行 alert(document.all['bn'].value); </script> </body> </html>
三 运行结果
相关推荐
**DHTML**（Dynamic HTML）是对传统HTML的扩展，允许网页内容在不刷新整个页面的情况下进行动态更新。DHTML的关键在于它可以改变HTML元素的位置、内容、样式和行为，实现动画效果、响应用户交互等功能。DHTML的实现...
DHTML的出现打破了传统静态HTML页面的限制，使得网页内容可以在不刷新整个页面的情况下进行更新和交互。 **HTML（超文本标记语言）**是网页设计的基础，它通过一系列标签来定义页面结构和内容。然而，早期的HTML...
JavaScript是DHTML的核心部分，用于处理事件、修改DOM（文档对象模型）以及与服务器进行异步通信。 1. **HTML与DHTML**：HTML是网页的基础，定义了网页的结构。而DHTML通过引入动态性，使HTML元素可以在页面加载后...
DHTML（Dynamic HTML）是一种在网页上实现动态交互效果的技术集合，它是在传统的HTML基础上，结合JavaScript、CSS（层叠样式表）以及DOM（文档对象模型）等技术，实现页面内容的实时更新和用户交互。DHTML的核心在于...
DHTML在传统HTML的基础上增加了事件处理和动态更新的能力。 2. **CSS**：定义网页的布局和样式。DHTML利用CSS可以实现元素的动态定位和动画效果。 3. **JavaScript**：一种解释型的脚本语言，用于编写网页上的交互...
DHTML（Dynamic HTML）是一种技术集合，它结合了HTML、CSS、JavaScript以及DOM（文档对象模型），使网页具有动态交互性和丰富的用户体验。 1. **HTML基础与扩展**： - HTML是超文本标记语言，它是网页的基础。...
DHTML（Dynamic HTML）是一种用于创建交互式和动感网页的技术，它将HTML、CSS（层叠样式表）、JavaScript以及DOM（文档对象模型）结合起来，为用户提供更丰富的网页体验。与传统的静态HTML相比，DHTML允许网页内容在...
相比于传统的DHTML方法，这种方法更易于管理和适应不同的浏览器环境。 - **幻灯片展示**: 通过DOM Scripting，开发者可以创建更加动态的幻灯片展示效果，如自动播放、手动导航等，同时确保代码的清晰性和可维护性。 ...
标题提到的“推选用户直接使用集成的动态HTML语言(简称DHTML)来开发基于PPT资料”，实际上是指鼓励开发者使用DHTML技术来创建交互式的Web页面，而非传统的PowerPoint（PPT）演示文稿。DHTML是一种在HTML基础上结合...
**DHTML（Dynamic HTML）**，全称动态超文本标记语言，是HTML的一个扩展，它在传统的HTML基础上引入了脚本语言、CSS样式表以及DOM（Document Object Model）文档对象模型，使得网页能够实现动态交互效果。DHTML的...
用户可以通过CHM文件查看和查找相关信息，就像使用传统的帮助文档一样。 在本压缩包中，`DHTML+手册.chm`、`JScript用户手册.CHM`和`css样式表中文手册.chm`分别提供了关于DHTML、JScript和CSS的详细教程和参考指南...
DHTML，全称为Dynamic HTML，是一种用于创建交互式和动态网页的技术，它是HTML（标准通用标记语言的一个应用）与JavaScript、CSS（层叠样式表）以及DOM（文档对象模型）等技术的综合运用。在传统HTML中，网页内容...
Web Forms提供了一种基于控件的模型，使得开发过程与传统的桌面应用程序相似；MVC模式则强调分离关注点，使代码更易于测试和维护；Web API则专注于构建RESTful服务，方便与其他应用程序或设备进行数据交换。 DHTML...
DHTML，全称Dynamic HTML，是一种利用HTML、CSS（层叠样式表）、JavaScript（或类似的脚本语言）以及DOM（文档对象模型）来实现网页动态效果的技术。在本篇内容中，我们将深入探讨这些关键知识点，并了解如何将它们...
虽然CSS本身不提供传统意义上的API，但CSS3引入了一些新特性，如选择器API、CSS自定义属性（变量）、CSS calc()函数等，这些都扩展了CSS的功能。此外，JavaScript可以通过`window.getComputedStyle()`或`element....
随着DHTML的出现，事件注册模型开始向更具有扩展性和适应性的方式发展。Netscape 3开始支持新的事件注册模型，由于在浏览器战争之前，Netscape就已经成为事实上标准，微软为了兼容性不得不做出了让步，导致IE浏览器...
【标题】中的"DHTML"代表动态超文本标记语言（Dynamic HTML），它是在传统HTML基础上加入JavaScript、CSS（层叠样式表）以及DOM（文档对象模型）等技术，以实现网页内容的动态交互效果。DHTML使得网页不再只是静态...
而ES6的类提供了一种更接近传统面向对象编程的语法糖。 JavaScript中的全局函数包括alert()、prompt()、confirm()等，它们用于与用户进行交互。此外，还有setTimeout()和setInterval()用于定时执行函数，以及...