一 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从根本上改变了你操作页面的方法,事件的注册就必须有扩展性而且要有很强的适应性。所以就必须有相应的事件模型。Netscape在第三代浏览器中就开始了,IE在第四代浏览器开始。 因为Netscape 3就开始支持这种...
14.7 传统的DHTML模型 467 14.8 使用window对象 469 14.9 navigator和地理定位 479 14.10 HTML 5增强的History API 485 14.11 使用document对象 490 14.12 HTML 5新增的浏览器分析 493 14.13 本章小结 496 第...
这是一种激动人心的、全新的编程方法,它把网页看成对象(这种对象模型和传统的DOM----document object model是有区别的:DOM只能控制客户端,而SOM可控制服务器端和客户端),它真正实现了网页的面向对象编程。...
借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是...
用类似于dhtml 中的table对象模型,支持单元格嵌套 (可嵌套数据表、票据、不规则表等) 支持使用 dhtml 中的table语法定义表格 (<;table border=1>;<;tr>;<;th>;..<;/th>;<;/tr...
用类似于dhtml 中的table对象模型,支持单元格嵌套 (可嵌套数据表、票据、不规则表等) 支持使用 dhtml 中的table语法定义表格 (<;;;;;;;;;;;;;;;table border=1>;;;;;;;;;;;;;;;<;;;;;;;;;;;;;;;...
11.4 实现DHTML窗口 11.4.1 门户窗口数据库 11.4.2 门户窗口的服务器端代码 11.4.3 添加外部JS库 11.5 添加Ajax自动保存功能 11.5.1 修改库的代码 11.5.2 自动保存信息到数据库 11.6 重构 11.6.1 定义构造函数 ...
1.2.1 DHTML 1.2.2 浏览器之间的冲突 1.2.3 标准的制定 1.3 JavaScript的实现 1.3.1 ECMAScript 1.3.2 DOM 1.3.3 BOM 1.3.4 新的开始 1.4 Web标准 1.4.1 Web标准概述 1.4.2 结构....
11.1 文档对象模型及传统DOM 11.2 JavaScript层次结构 11.3 关于HTML表单 11.4 JavaScript与form对象 11.4.1 为表单及其输入类型(控件)命名 11.4.2 表单中的传统DOM 11.4.3 为表单...
1.2.1 DHTML 1.2.2 浏览器之间的冲突 1.2.3 标准的制定 1.3 JavaScript的实现 1.3.1 ECMAScript 1.3.2 DOM 1.3.3 BOM 1.3.4 新的开始 1.4 Web标准 1.4.1 Web标准概述 1.4.2...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据 项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具 箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据 项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具 箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源编辑...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据 项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具 箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源编辑...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源编辑...
31.2.3 DAP设计模式 51.3 为Microsoft数据引擎创建 Access数据 项目 51.3.1 新的ADP工具和对象 61.3.2 NorthwindCS项目和da Vinci工具 箱的深入研究 61.4 OfficeVBA编辑器和Access的集成 91.5 DAP和DHTML的HTML源...