下面这段Javascript为什么不能在FireFox中正常执行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
脚本说明：
把如下代码加入<body>区域中:
<div id=Out0 style="position:relative; left:20; top:+15px; width:90%;" >
  <span id=Out1 class=Outline style="hand: hand; "></span><b id=Out1 class=Outline style="cursor: hand; ">新增一份方案</b>
  <div id=Out1details style="display:None; position:relative; left:12;">
        <U>Not a link</u>
<P>
<u>Not a link</u>
<P>
        <U>Not a link</u>
<P>
<u>Not a link</u>
<P>     <U>Not a link</u>
<P>
<u>Not a link</u>
<P>     <U>Not a link</u>
<P>
<u>Not a link</u>
<P>     <U>Not a link</u>
<P>
<u>Not a link</u>
<P>  </div>
</div>
<script language=JavaScript>function clickHandler() {
  var targetId, srcElement, targetElement;
  srcElement = window.event.srcElement;
  if (srcElement.className == "Outline") {
     targetId = srcElement.id + "details";
     targetElement = document.all(targetId);
     if (targetElement.style.display == "none") {
        targetElement.style.display = "";
     } else {
        targetElement.style.display = "none";
     }
  }
}document.onclick = clickHandler;</script>
 <BODY>
  
 </BODY>
</HTML>

解决方案 »

  1.   

    window.event.srcElement这个FF不支持
    <input name="aa" onclick=show()>
    <script language=javascript>
    function show()
    {
         var evt=getEvent();
         var element=evt.srcElement || evt.target;
         alert(element.name)
    }
     
    function getEvent()
    {
     if(document.all)    return window.event;//如果是ie
     func=getEvent.caller;
            while(func!=null){
                var arg0=func.arguments[0];
                if(arg0){if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){return arg0;}            }
                func=func.caller;
            }
           return null;
    } </script>
      

  2.   

    event.srcElement,document.all 为ie所特有尽量避免使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    脚本说明：
    把如下代码加入<body>区域中:
    <div id=Out0 style="position:relative; left:20; top:+15px; width:90%;" >
      <span id=Out1 class=Outline style="hand: hand; "></span><b id=Out1 class=Outline style="cursor: hand; ">新增一份方案</b>
      <div id=Out1details style="display:None; position:relative; left:12;">
            <U>Not a link</u>
    <P>
    <u>Not a link</u>
    <P>
            <U>Not a link</u>
    <P>
    <u>Not a link</u>
    <P>     <U>Not a link</u>
    <P>
    <u>Not a link</u>
    <P>     <U>Not a link</u>
    <P>
    <u>Not a link</u>
    <P>     <U>Not a link</u>
    <P>
    <u>Not a link</u>
    <P>  </div>
    </div>
    <script language=JavaScript>function clickHandler(e) {
      var targetId, srcElement, targetElement;
      if(document.all)
        srcElement = window.event.srcElement;
      else
         srcElement =e.target;
      
      if (srcElement.className == "Outline") {
         targetId = srcElement.id + "details";
         targetElement = document.getElementById(targetId);
         if (targetElement.style.display == "none") {
            targetElement.style.display = "";
         } else {
            targetElement.style.display = "none";
         }
      }
    }document.onclick = clickHandler;</script>
     <BODY>
      
     </BODY>
    </HTML>
      

  3.   

    FireFox不支持它,FireFox只支持w3c标准的属性和方法.你可以加个浏览器判断,以防IE和FireFox不兼容的问题