资源描述:
《《网络应用程序设计》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、DHTML导论段会川山东师范大学信息科学与工程学院2006年12月目录面向对象的程序设计OOP属性(Properties)方法(Methods)String对象Date对象数组(array)对象布尔对象(Boolean)Math对象Math对象的属性Math对象的方法其他的JavaScript对象9/15/20212参考:www.w3schools.com目录HTMLDOM对象HTMLDOM所包括的各种对象检测浏览器JavaScriptCookies使用JavaScript进行表单验证JavaScr
2、ipt动画变量的声明和赋值将JavaScript应用于分块图片(ImageMaps)9/15/20213参考:www.w3schools.com摘要幻灯片(续)JavaScript的定时事件JavaScript中的对象概念JavaScript小结JavaScript之后…JavaScript小测验9/15/20214参考:www.w3schools.comDHTML的特点DHTML的是DynamicHTML的缩写,即动态HTMLDHTML是使网页动起来的艺术!DHTML是创建动态和交互站点两种web
3、技术结合在一起的产物对于大部分人来说,DHTML是HTML,样式单(StyleSheets)和JavaScript的结合体9/15/20215参考:www.w3schools.com学习DHTML的先决条件HTML以及网页设计的基础知识层叠样式单CSS脚本语言JavaScript9/15/20216参考:www.w3schools.comDHTML不是一个W3C标准DHTML不是W3C定义的标准.DHTML是一个"市场术语(marketingterm)"–即它被Netscape和Microsoft用
4、于描述其4.x代的浏览器所支持的新技术DHTML是多种创建动态Web站点技术相结合的产物对于大部分来说,DHTML意味着HTML4.0,样式单(StyleSheets)和JavaScript的结合"DHTML是某些商家对于将HTML,样式单(stylesheets)和脚本语言结合在一起而创建动态网站技术的一种描述."W3C如是说.9/15/20217参考:www.w3schools.comDHTML技术使用DHTML,Web开发者可以控制HTML元素在浏览器中的显示方式和位置HTML4.0使用HTM
5、L4.0可以将所有的格式化信息从HTML文档分离出来,放入另一个样式单文件中.由于HTML4.0分离了展示和结构,我们就能在不纠缠进文档内容的情况下完全地控制展示布局9/15/20218参考:www.w3schools.comDHTML技术层叠样式单CSS(CascadingStyleSheets)使用CSS,我们就拥有了关于HTML文档的样式和布局模型CSS是Web设计的一次突破,因为它允许开发者统一地控制多个网页的样式和布局.Web开发者可以为某个HTML元素定义样式,并将它应用到任何期望的网页
6、上.要想全局性地改变一个网页元素的展示效果,只要改变所对应的样式即可.9/15/20219参考:www.w3schools.comDHTML技术文档对象模型DOM(DocumentObjectModel)HTMLDOM是HTML的文档对象模型HTMLDOM为HTML定义了一个标准的对象集合,以及访问和操纵这些对象的标准操作"W3C文档对象模型(DOM)是一项平台和语言无关的接口技术,它允许程序和脚本语言动态地访问和更新文档的内容,结构和样式".JavaScriptJavaScript允许你编写程序控
7、制所有的HTML元素9/15/202110参考:www.w3schools.comIE4.x和Netscape4.x所支持的DHTMLIE4.x跨平台的DHTMLNetscape4.xVisualFilters(在文本和图片上应用可视化效果)DynamicCSS(控制元素的位置和可见性)CSS1CSS2(统一控制不同元素的可视效果)CSSPositioning(控制元素位置和可见性)JavaScriptJSS(JavaScript样式单)(统一控制不同元素的可视效果)Layers(控制元素的位置和可
8、见性)只要每种浏览器创建其自身专有的特性和技术,那么编写DHTML就会遇到很多浏览器兼容问题.一个网页可能在一种浏览器中非常漂亮,而在另一种浏览器中非常糟糕9/15/202111参考:www.w3schools.comDHTMLCSS-P(CSSPositioning,CSS定位)可与CSS-P一起使用的属性元素必须指定定位属性(相对或绝对)此后可使用如下的CSS-P属性:left–元素的左侧位置top–元素的上端位置visibility–指明元素是否可见z-inde