IE和FF JS中兼容的一些方法

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=" 提交 " οnclick="java script:gotoSubmit()"/>
            ...
            <script language="java script">
                function gotoSubmit() {
                    ...
                    alert(window.event);    // use window.event
                    ...
                }
            </script>

         新代码 ( 可在 IE 和 MF 中运行 ) ：
            <input type="button" name="someButton" value=" 提交 " οnclick="java script:gotoSubmit(event)"/>
            ...
            <script language="java script">
                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 标签中书写了以下属性：
<frame src="/xx.htm" id="frameId" name="frameName" />
那么 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
   childNodes 的下标的含义在 IE 和 MF 中不同， MF 使用 DOM 规范， childNodes 中会插入空白文本节点。
   一般可以通过 node.getElementsByTagName() 来回避这个问题。
    当 html 中节点缺失时， IE 和 MF 对 parentNode 的解释不同，例如
   <form>
   <table>
        <input/>
   </table>
   </form>
   MF 中 input.parentNode 的值为 form,  而 IE 中 input.parentNode 的值为空节点

  MF 中节点没有 removeNode 方法，必须使用如下方法  node.parentNode.removeChild(node)