网站首页站长博客下载中心域名交易站长论坛域名主机免费电邮免费域名中文排行排名查询站长书库书籍教程下载
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
学院首页 网络编程 网页设计 图形图象 数 据 库 服 务 器 网络媒体 网络安全 个人专栏 站长CLUB 业界新闻 信息公告
 当前位置:首页 >> 网页设计 >> Html/Css >> 正文
公告通知
返回上级列表
资料搜索
相关文章
Delphi编程控制摄像头
利用xml数据岛实现多级关联下拉选
浅谈设计中的文字
浅谈在网页上显示日期的两种方法
打开“保护之门”—破解网页限制
网站设计65条原则 
一些与网页密切相关的技术 
自适应图片大小的弹出窗口 
网页设计中排版与布局基础 
韩国网站的设计好在哪里
DHTML编写经得起考验的可移植代码
[ 来源:转载 | 作者:无从考证 | 时间:2005-9-6 16:00:24 | 浏览:人次 ]
收藏到新浪ViVi 收藏到365KEY 收藏到我摘  字号选择〖    〗/ 双击滚屏 单击停止  
动态HTML(DHTML)技术——实际上是多项技术的组合,包括CSS、DOM和JavaScript——为Web设计者提供了多种选择,能让他们向其网页中添加动态菜单和各种导航的小玩意。但是,这些技术也带来臃肿的代码,导致浏览器互不兼容的问题和向老平台移植性的丢失。简而言之,用于HTML代码编写的动态选择越多,出现错误代码的可能性也就越大。但是只要遵照一些简单的编写原则,你可以保证自己代码的健壮性和高度的可移植性,而不用放弃对DHTML创新技术的巨大依赖。


第一:了解你的浏览器


浏览器互不不兼容是一个困扰Web开发人员多年的问题。但是在很多方面,随着浏览器和标示语言两者复杂性的增加,人们对其兼容性的关注有所减少。然而,有些结构上的冲突的确还在,尤其在你必须考虑自己页面的可访问性的时候。

例如,不是能够在Windows平台上运行的所有Netscape Navigator和Internet Explorer特性都能运行在Mac和UNIX系统上。而且不是所有能够运行在Internet Explorer 4.0上的HTML 4.0代码都可以运行在Navigator 4.0。(Navigator 4.0不支持HTML 4.0所有弹出文本的特性。)而且,<BUTTON>标签对Navigator也不友好,诸如此类等等。这个互不兼容的单子很长,即便到现在也是如此。所以除了浏览器探测技术,你现在必须还要能够使用HTML、XHTML和CSS确认等。


第二:编写允许功能缩减的代码

跨平台所导致的错误是对健壮代码的一个重大威胁,但是向后兼容会更严重。尽管软件巨人们都在花大力气推广新版本,但是Internet Explorer和Netscape Navigator两者4.0以前的版本仍在大行其道,所以你的代码应该要能在其上运行——即使你使用的是DHTML的代码。

缩减功能的概念在软件工程中十分常见,它是指对逐渐失效而非突发性失效有所准备。其主旨就是设计一种机制,让相当一部分功能能在不同环境导致性能降低的情况下获得保留。这个概念还被相当多地用于软件,谨慎的开发人员会预计有缺陷的运行条件,并按照部分功能在碰到错误的时候得到保护的方式编写应用程序代码。

在编写Web应用程序代码的时候这一点尤其重要。想一想吧:任何对Internet世界开放的Web页面都需要运行在任何版本、任何数量的浏览器上。由定义可知,没有什么HTML代码能够运行在所有的浏览器上;错误是不可避免的。Java在低于版本3的浏览器上运行时会出问题。对象模型特性在跨当前不同浏览器时会不稳定。有些版本的Navigator只有使用插件才能正常处理ActiveX。当前不同的浏览器对层叠样式表(CSS)的支持也不尽相同等等。这个问题清单也很长。

有合格的设计者不仅应该为每个Web应用程序创建强健的错误处理机制,这要尽量多地考虑环境变化和潜在不兼容性的问题,还应该让应用程序的代码在碰到问题时能够保证更多的功能。

第三:尽可能地让代码形象化

冗余代码是编写易维护系统的最大障碍。创建函数或者子程序是程序员避免这一问题的自然反应,DHTML允许他们在这一点上的变通。

使用脚本和函数能够让动态Web页面程序员把相同的代码捆绑进易维护的程序组。这样,以后维护代码的程序员就能够很容易地读取代码和明确程序的功能,但是捆绑代码还有一个更大的目的:传统的HTML只允许一个函数被分配给一个对象,而嵌入式脚本编写和函数的动态应用能够提供一段专用的代码供多个对象的多个事件使用。

第四:让方法、类和继承为你服务

动态HTML对象模型是Web设计者的福音,它能对事件处理使用面向对象的方法,这个方法会用到OOP的所有关键特性:类、方法和继承的使用。

动态HTML对象模型让为对象分配属性成为可能,也让运用完整的连续性对点击事件设置可能的回应成为可能,同时能在你的路径里保持干净的易于维护的代码。大多数浏览的大多数版本都支持面向对象的特性,这让它们能够轻易地实现跨平台和跨版本。

DHTML功能强大的工具

尽管DHTML能够提供强大的功能,但是代码冗余、不同浏览器和浏览器不同版本之间的兼容性、放置不当的代码,以及难以维护的代码都太容易出现了。在有了正确浏览器的正确版本以后,你可以留下一个画面非常优美和功能极其强大的页面——但是一个不能容错以及千百万用户无法使用的页面是没有什么用的。以上所讲的原则能够有助于你打造出强大的经得起考验的代码。

[发送给好友]  [打印本页]  [关闭窗口]  [返回顶部]   转载请注明来源:http://edu.chinaz.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
栏目编辑: 设计风 责任编辑: 简若宁
原始作者: 无从考证 录入时间: 2005-9-6 16:00:24
信息来源: 转载 投稿信箱: Edu#chinaz.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 总编信箱 - 会员投稿