没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术Web开发JS和CSS的IE和Firefox兼容性

JS和CSS的IE和Firefox兼容性

Firefox

3星 · 超过75%的资源需积分: 9 32 下载量 63 浏览量 2008-07-29 13:08:25 上传评论收藏 103KB DOC 举报

温馨提示

试读

21页

能让用户量最多的两个浏览器兼容,是web程序员比较头疼的事情,里面包含了一些方法总结,比如CSS里面的hack,js里面的style.height等赋值都要有'px'才兼容火狐

资源推荐

资源详情

资源评论

JS 方面

以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox

1. document.form.item 问题

(1)现有问题：

现有代码中存在许多 document.formName.item("itemName") 这

样的语句，不能在 MF 下运行

(2)解决方法：

改用 document.formName.elements["elementName"]

(3)其它

参见 2

2. 集合类对象问题

(1)现有问题：

现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不

能。

(2)解决方法：

改用 [] 作为下标运算。如：document.forms("formName") 改为

document.forms["formName"]。

又如： document.getElementsByName("inputName")(1) 改为

document.getElementsByName("inputName")[1]

(3)其它

3. window.event

(1)现有问题：

使用 window.event 无法在 MF 上运行

(2)解决方法：

MF 的 event 只能在事件发生的现场使用，此问题暂无法解决。

可以这样变通：

原代码(可在 IE 中运行)：

<input type="button" name="someButton" value=" 提交 "

onclick=""/>

...

function gotoSubmit() {

...

alert(window.event); // use window.event

...

}

</script>

新代码(可在 IE 和 MF 中运行)：

<input type="button" name="someButton" value=" 提交 "

onclick=""/>

...

function gotoSubmit(evt) {

evt = evt ? evt : (window.event ? window.event : null);

...

alert(evt); // use evt

...

}

</script>

此外，如果新代码中第一行不改，与老代码一样的话 (即

gotoSubmit 调用没有给参数)，则仍然只能在 IE 中运行，但不会出错。

所以，这种方案 tpl 部分仍与老代码兼容。

4. HTML 对象的 id 作为对象名的问题

(1)现有问题

在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量

名直接使用。在 MF 中不能。

(2)解决方法

用 getElementById("idName") 代替 idName 作为对象变量使用。

5. 用 idName 字符串取得对象的问题

(1)现有问题

在 IE 中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对

象，在 MF 中不能。

(2)解决方法

用 getElementById(idName) 代替 eval(idName)。

6. 变量名与某 HTML 对象 id 相同的问题

(1)现有问题

在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使

用与 HTML 对象 id 相同的变量名，IE 中不能。

(2)解决方法

在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可

正常运行。

此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。

(3)其它

参见问题 4

7. event.x 与 event.y 问题

(1)现有问题

在 IE 中，event 对象有 x, y 属性，MF 中没有。

(2)解决方法

在 MF 中，与 event.x 等效的是 event.pageX。但 event.pageX IE

中没有。

故采用 event.clientX 代替 event.x。在 IE 中也有这个变量。

event.clientX 与 event.pageX 有微妙的差别（当整个页面有滚动

条的时候），不过大多数时候是等效的。

如果要完全一样，可以稍麻烦些：

mX = event.x ? event.x : event.pageX;

然后用 mX 代替 event.x

(3)其它

event.layerX 在 IE 与 MF 中都有，具体意义有无差别尚未试验。

8. 关于 frame

(1)现有问题

在 IE 中可以用 window.testFrame 取得该 frame，mf 中不行

(2)解决方法

在 frame 的使用方面 mf 和 ie 的最主要的区别是：

如果在 frame 标签中书写了以下属性：

那么 ie 可以通过 id 或者 name 访问这个 frame 对应的 window 对象

而 mf 只可以通过 name 来访问这个 frame 对应的 window 对象

例如如果上述 frame 标签写在最上层的 window 里面的 htm 里面，那

么可以这样访问

ie ： window.top.frameId 或者 window.top.frameName 来访问这个

window 对象

mf：只能这样 window.top.frameName 来访问这个 window 对象

另外，在 mf 和 ie 中都可以使用

window.top.document.getElementById("frameId")来访问 frame 标签

并且可以通过 window.top.document.getElementById("testFrame").src =

'xx.htm'来切换 frame 的内容

也都可以通过 window.top.frameName.location = 'xx.htm'来切换 frame

的内容

关于 frame 和 window 的描述可以参见 bbs 的‘window 与 frame’文章

以及/test/js/test_frame/目录下面的测试

----adun 2004.12.09 修改

9. 在 mf 中，自己定义的属性必须 getAttribute()取得

10.在 mf 中没有 parentElement parement.children 而用

parentNode parentNode.childNodes

剩余20页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

linhaixueyuanxiaosun

2012-04-13

对这两个浏览器的css兼容性讲得很不错，谢谢楼主分享

doudoudewang

粉丝: 8
资源: 5

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

JS和CSS的IE和Firefox兼容性

JS的IE和Firefox兼容性

JS的IE和Firefox兼容性集锦

Javascript的IE和Firefox(火狐)兼容性

Javascript的IE和Firefox兼容性汇编

IE和Firefox对js兼容性处理

javascript和css在IE和Firefox中的不同点及解决兼容性的方案

javascript和css在IE和Firefox中的不同点

IE和Firefox在css,JavaScript方面的兼容性

IE与FF的兼容问题

javascript的IE和Firefox兼容性汇编

Javascript的IE和Firefox兼容性参考

DOM文档和Javascript的IE和Firefox兼容性

IE和Firefox在JavaScript应用中的兼容性探讨

IE与Firefox的CSS兼容大全

javascript css在IE和Firefox中区别分析

javascript+css贪吃蛇

IE和Firefox浏览器CSS网页布局不同点

css与javascript跨浏览器兼容性总结

支持IE6 IE7 Firefox 的纯CSS的下拉菜单

Javascript的IE和Firefox兼容性汇编(zz)

Javascript的IE和Firefox兼容性.doc

兼容性非常好的下拉选单JS+css

jQuery星级评分功能插件（兼容IE6,IE7, IE8, Firefox, Opera, Chrome, Safari）

46种常见的浏览器兼容性问题大汇总

css FF与IE兼容性总结

最新资源