韩剧步步惊心丽贴吧:动态HTML ---DHTML

来源:百度文库 编辑:九乡新闻网 时间:2024/05/01 00:28:52
动态HTML维基百科,自由的百科全书跳转到: 导航, 搜索 此条目或章节需要扩充,请协助改善这篇条目(2011年2月12日)
更进一步的信息可能会在讨论页扩充请求中找到。请在扩充条目后将此模板移除。

动态HTMLDynamic HTML,简称DHTMLDHML)是一种通过结合HTML、用户端脚本语言(Client Side Script,如JavaScript)、串接样式表(CSS)和文件物件模型(DOM)来创建动态网页内容的方法。

目录

[隐藏]
  • 1 应用
  • 2 结构
  • 3 范例
  • 4 参考文献

[编辑] 应用

  • 产生交互式表单
  • 生成类似WebCT的e-learning交互式在线基础培训
  • 创建基于浏览器的视频游戏

[编辑] 结构

一个典型的使用 DHTML 如下:

 xmlns="http://www.w3.org/1999/xhtml"></strong>DHTML example<strong> type="text/javascript">function init() {myObj = document.getElementById("navigation");// .... more code}window.onload=init; id="navigation">
Often the code is stored in an external file; this is done by linking the file that contains the JavaScript.This is helpful when several pages use the same script:
type="text/javascript" src="myjavascript.js">

[编辑] 范例

范例如下:[1]

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"></strong>Test<strong> type="text/css">h2 {background-color: lightblue; width: 100%}a {font-size: larger; background-color: goldenrod}a:hover {background-color: gold}#example1 {display: none; margin: 3%; padding: 4%; background-color: limegreen} type="text/javascript">function changeDisplayState (id) {d=document.getElementById("showhide");e=document.getElementById(id);if (e.style.display == 'none' || e.style.display == "") {e.style.display = 'block';d.innerHTML = 'Hide example..............';} else {e.style.display = 'none';d.innerHTML = 'Show example';}}

How to use a DOM function

id="showhide" href="javascript:changeDisplayState('example1')">Show example
id="example1">This is the example.(Additional information, which is only displayed on request)...
The general text continues...

[编辑] 参考文献

  1. ^ [1]
显示▼隐藏▲   ·    ·   网页技术与标准 文档呈现语言 HTML*(HTML5*) · XHTML* · XML* · XForms* · DHTML* 样式格式描述语言 CSS* · XSL* 动态网页技术 CGI · ASP · ASP.NET · ColdFusion · JSP · PHP · Ruby on Rails 客户端交互技术 ActiveX · Java Applet · JavaFX · AJAXXMLHTTP*) · Silverlight · ActionScriptFlash · Flex · AIR) 客户端脚本语言 JavaScript · JScript · VBScript · ECMAScript 标识定位语言 URL · URI · XPath · URL重写 文档纲要语言 DTD* · XML Schema*