自研浏览器下模版开发注意事项教程.doc

技 术 文 件 技术文件名称：自研浏览器下EPG模版 开发注意事项 技术文件编号： 版 本：V1.01 拟 制 任建华 审 核 会 签 标准化 批 准 修改记录 文件编号版本号拟制人/ 修改人拟制/修改日期更改理由主要更改内容 （写要点即可）V1.00任建华2007-2-26无在江苏新模版兼容自研浏览器的开发过程中的总结任建华2007-3-1会议内容补充会议内容补充2007-3-14测试补充补充焦点移动问题注：文件第一次拟制时，“更改理由”、“主要更改内容”栏写“无”。 目录  TOC \o 1-3 \h \z \u  HYPERLINK \l _Toc161630426 1．显示偏差调整  PAGEREF _Toc161630426 \h 4  HYPERLINK \l _Toc161630427 2．页面黑屏现象  PAGEREF _Toc161630427 \h 4  HYPERLINK \l _Toc161630428 3．字体设置规范  PAGEREF _Toc161630428 \h 4  HYPERLINK \l _Toc161630429 4．js书写规范  PAGEREF _Toc161630429 \h 6  HYPERLINK \l _Toc161630430 5．input标签onclick事件的处理机制  PAGEREF _Toc161630430 \h 6  HYPERLINK \l _Toc161630431 6．嵌套div元素的排版  PAGEREF _Toc161630431 \h 7  HYPERLINK \l _Toc161630432 7．Cookie机制的不同  PAGEREF _Toc161630432 \h 8  HYPERLINK \l _Toc161630433 8．device对象的不同  PAGEREF _Toc161630433 \h 8  HYPERLINK \l _Toc161630434 9．会议补充  PAGEREF _Toc161630434 \h 8  HYPERLINK \l _Toc161630435 10．自研浏览器上焦点移动问题  PAGEREF _Toc161630435 \h 9  自研浏览器下EPG模版开发注意事项 为了使模版在自研浏览器和茁壮浏览器获得兼容，主要要在以下几个方面作出调整，这在江苏新模版适应自研浏览器的开发中做了充分的测试（由于以下浏览器的兼容问题只是在江苏新模版中发现的，其他模版可能还会发现其他的问题，以后将逐渐添加上去）。 1．显示偏差调整 这是在两个浏览器兼容调整面临的主要问题之一，目前两个浏览器在jsp页面书写完全正确的情况下，div元素的展示位置方面还是有所偏差（具体原因不是很清楚，自研浏览器的显示相对比较规范），为了使页面在两个浏览器显示元素的位置相对美观一点，只能手工调整尽量使两个浏览器下都显示正常。该位置调整所需的工作量相对比较大。 2．页面黑屏现象 该现象的产生主要是由自研浏览器jsp页面的解析机制引起的，当我们将文字图片所在的div等显示元素放到了body标签前面时，自研浏览器将首先下载并展示放在body标签前面的显示元素，而不会首先把body标签内设置