用户界面开发常见问题总结V1[1]0

《用户界面开发常见问题总结V1[1]0》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、用户界面开发常见问题总结文档信息文档名称用户界面开发常见问题总结电子文档用户界面开发常见问题总结.doc文件状态■草稿口正式发布口正在修改编写人日期2009年6月2FI校对人日期年月日审核人日期年月日批准人日期年月日变更记录变更序号变更原因变更页码变更前版本号变更后版本号更改人批准人生效日期备注1文档建立1.0目录前言编写背景和目的41.1编写背景41.2文档查阅方式：4快速查阅：常见问题集锦5页面错误61bodyZ夕卜声明错误61.1错误62fn误82.1meta中charset编码

2、问题导致外部琏接的js失效83®K93.1html标签不闭合93.2html标签大小写103.3html标签层级I茨套103.4Table的属性定义103.5table单元格没有边框113.6浏览器对宽度解析不同导致页面错位123.7iframe子页面覆盖父页面143.8图片更换时，看不到图片154hunl注释错课164」注释在IE屮造成文字溢出164.2更换FLASH时看不到效果16样式错误175CLASS名称、ID名称175」Class名称、id名称书写错误及丢失175.2Class的复合写法175.3更改样式

3、表文件时，都看不到效果186CSS注释错误186.1CSS的中文注释导致页面部分样式失效18JS错误207js执行效率207.1遮罩层用透明度影响效率207.2TAB选项卡功能导致资源占用高208JS调用位置218」关于js调用位置219js之间冲突229.1js与js之间冲突229.2iframe口适应高度22附1：html小知识23附2：CSS小知识24前言编写背景和目的1.1编写背景众所周知，良好的用户体验会成为产品核心竞争力的一部分，随着用户要求的不断提髙，用户对界而的需求也越來越高。1=1前公司的项1=1绝人多数都是以B/S结构为

4、主的项1=1,需要有大量的前端人员从事界面展现层的开发。由于忖前几乎所冇的项忖都是基于WEB2.0技术为主的开发模式，在界面开发中使用AJAX技术开发，需要开发人员了解基本的HTML,CSS和DOM结构等相关知识。山于大多项冃界面样式加载后经常出现一些样式错误，比如页面失真，加载代码厉和静态页而差异化较人，CSS文件丢失，图片无法显示等等相关问题，而这些问题都有一些共同的解决方法，因此我们编写了《用户界面开发常见问题总结》（以下简称《总结》）,供大家开发时参考。1.2文档查阅方式：《总结》根据与与技术部门的长期配合中，总结了一些在界面开发过

5、程中技术部门经常遇到的一些问题，并列举了相对应的解决方案，供开发人员在开发界面时参考。本文档根据开发人员在开发过程中常遇到的一些问题类型，分为：页面错误；CSS错误和JS错误三大部分。为了方便查阅，我们做了关键字索引，按照问题出现的频率将错误关键字开发人员可以根据错误类型查阅，比如是“tab“错误，即可点击“常见问题集锦-TAB错误”去追踪到相应的错误类型附录中附带了HTML小常识和CSS小常识，大家可以做基本的了解，便于在开发过程中更好的理解DOM结构快速查阅：常见问题集锦快速找出你需要解决的问题：•页面错乱可能原因：页血声明错谋、htm

6、l标签没令闭合、html标签嵌套错谋、页血中令CSS中文注释、•页面标签正确，但是没有样式可能原因：class或id丢失、同一个标签套川多个class、•Tabel表格单元格没有边框可能原因：单元格没冇边框、•JS失效可能原因：编码不一致、is调川位置•更换样式时，看不到效果可能原因：更换新样式无效果、•更新FLASH时，看不到效果可能原因：没有淸除缓存•iframe无法嵌套子页面

7、町能原因：页面加入防恢套代码•tab失效可能原因：编码不一致、is冲突、is调用位置•iframe自适应高度页面错误1body之外声明错误1.1

8、E/xhtml>错误•问题描述页面HTML结构和样式表CSS严格与DEMO一致，呈现结果却有差别。这时请首先检杳页而前两行，即v!DOCTYPE>和•问题代码页而不包含,或者使用错谋的ckd。代码如下所示：页1>不完整。代码如下所示：•问题原因DOCTYPEdtd文档类型声明错误详细解析：如果希望网页在浏览器上正确、一•致

9、地显示，就要告诉浏览器当询使用的HTML是哪个版本，包括网页开头处的文档类型声明(doctypedeclaration)是什么意思。这个文档类型声明是在HTML文件的第一行，不仅