BIWEB开源PHP WMS系统创始人ArthurXF肖飞的blog

1.1 Form对象

现有问题：
现有代码这获得form对象通过document.forms("formName")，这样使用在IE 能接受，FF 不能。

解决方法：
改用 作为下标运算。改为document.forms["formName"]

备注
上述的改用 作为下标运算中的formName是id而name


1.2 HTML对象

现有问题：
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 FF 中不能。
document.all("itemName")或者document.all("itemId")

解决方法：
使用对象ID作为对象变量名
document.getElementById("itemId")

备注
document.all是IE自定义的方法，所以请大家尽量不使用。
还有一种方式，在IE和FF都可以使用
var f = document.forms["formName "];
var o = f. itemId;


1.3 DIV对象

现有问题：
在 IE 中，DIV对象可以使用ID作为对象变量名直接使用。在 FF 中不能。
DivId.style.display = "none"

解决方法：
document.getElementById("DivId").style.display = "none"

备注
获得对象的方法不管是不是DIV对象，都使用getElementById方法。参见1.2


1.4 关于frame

现有问题
在 IE中 可以用window.testFrame取得该frame，FF中不行

解决方法
在frame的使用方面FF和IE的最主要的区别是：
如果在frame标签中书写了以下属性：

那么IE可以通过id或者name访问这个frame对应的window对象
而FF只可以通过name来访问这个frame对应的window对象
例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问
IE： window.top.frameId或者window.top.frameName来访问这个window对象
FF：只能这样window.top.frameName来访问这个window对象
另外，在FF和ie中都可以使用window.top.document.getElementById("frameId")来访问frame标签
并且可以通过window.top.document.getElementById("testFrame").src = 'xx.htm'来切换frame的内容
也都可以通过window.top.frameName.location = 'xx.htm'来切换frame的内容


1.5 窗口

现有问题
IE中可以通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是FF不支持。

解决办法
直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要传递参数，可以使用frame或者iframe。


2.1 在JS中定义各种对象变量名时，尽量使用id，避免使用name。
在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在 FF 中不能，所以在平常使用时请尽量使用id，避免只使用name，而不使用id。


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

现有问题
在 FF 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTML 对象 id 相同的变量名，IE 中不能。  

解决方法
在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。
此外，最好不要取与 HTML 对象 id 相同的变量名，以减少错误。