Firefox浏览器的Javascript兼容性问题，影响用户体验
最近在为客户的网站做改进时，发现广告图片自动漂移的Javascript特效在Firefox浏览器中不起作用，始终固定在页面左上角，遮挡了一部分页面。显然对于使用Firefox用户来说，用户体验不理想。
在这里推荐给大家一个检测代码错误和语法不规范的一个工具——Web Developer Toolbar，该工具是Firefox的插件，当前最新版是英文版1.18的，我安装的是1.16中文版的（下载地址：http://www.greenxf.com/soft/19467.html）。 下载解压后只要将安装文件xpi直接拖入Firefox窗口即可安装完成，重新启动Firefox后就多出一条工具条了，访问网页时，最右边会自动出现“折勾”或者“惊叹号”，如果出现惊叹号，则表示页面中存在错误，只需点击即可查看报告。（另外还有一个是支持IE的Web Developer Toolbar，该工具主要是SEO信息查询、网络广播、天气预报等，与我们介绍的完全不同，请不要搞错。）
我们通过该工具的报告，发现页面上有多处Javascript代码不能在Firefox浏览器中正确执行，但都集中于2个问题：
1、DIV对象的问题：
在IE中，DIV对象可以使用ID作为对象变量名直接使用，但在Firefox中不能。
DivId.style.display = “none”
解决方法：
document.getElementById(”DivId”).style.display = “none”
获得对象的方法不管是不是DIV对象，都使用getElementById方法。
2、style.top/style.left的兼容问题：
在Firefox中，必须加上像素单位，才能正确执行。
比如：style.top = 1 + “px”; stle.left = 1 + “px”;
通过以上修改，广告图片自动漂移的特效动起来了，解决了该问题。
当然，firefox中的不兼容的Javascript还不止我们谈到的这2个，想了解更多的话请搜索一下吧！记得安装Web Developer Toolbar，对于网站代码的排错和规范非常有帮助。
如果有疑问可以Email给我：seo-shanghai@live.cn
如需转载，请注明：上海SEO：http://www.seo-shanghai.com
