请问动态增加的行怎样调外部已定义好的函数

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
 <SCRIPT LANGUAGE="JavaScript">
<!--function on_Focus(){
bj=event.srcElement
    bj.style.color='#ffffff';
  bj.style.background='#0099FF';
 }function on_Blur(){
bj=event.srcElement
bj.style.background='#ffffff';
bj.style.color='#2A1F00';
}function addrow()
{
var otr,otd
var obj=document.all.mytable
otr=obj.insertRow(obj.rows.length);
otd=otr.insertCell(0);
otd.style.height='18';
otd.innerText="   ";otr.onmouseover=on_Focus ;   //这里怎么调用
otr.onmouseout=on_Blur;     //这里怎么调用
}
-->
</script></head><body>
<table width="165" height="26" border="1" id="mytable">
  <tr onMouseOver="on_Focus()" onMouseOut="on_Blur()">
    <td height="20">&nbsp;</td>
  </tr>
</table>
<input type="button" name="Submit" value="增加" onClick="addrow()">
</body>
</html>

解决方案 »

  1.   

    function on_Focus(){
        this.style.color='#ffffff';
        this.style.background='#0099FF';
    }
    otr.onmouseover=on_Focus;
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
     <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showa(id){
       var img = document.getElementById(id);
       img.style.display = '';
     }function hidea(id){
     var img = document.getElementById(id);
     img.style.display = 'none';
    }
    function addrow()
    {
    var otr,otd
    var obj=document.all.mytable
    otr=obj.insertRow(obj.rows.length);for (j=0;j<obj.rows(0).cells.length;j++)
         {
     otd=otr.insertCell(j)
             otd.style.height='18';
             otd.innerText="   ";
           
     otr.onmouseover=showa("ppp") ;  //这里怎么调用
             otr.onmouseout=hidea("ppp");    //这里怎么调用
     }
    }
    -->
    </script></head><body>
    <table width="165" height="26" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF" id="mytable">
      <tr >
        <td width="23" height="20"><div align="center" id="ppp">⊙</div></td>
        <td width="136">&nbsp;</td>
      </tr>
    </table>
    <input type="button" name="Submit" value="增加" onClick="addrow()">
    </body>
    </html>
      

  3.   

    otr.onmouseover=showa("ppp") ;  //这里怎么调用
             otr.onmouseout=hidea("ppp");    //这里怎么调用=>
    otr.onmouseover= function(){showa("ppp")} ;  //这里怎么调用
    otr.onmouseout=  function(){hidea("ppp");}   //这里怎么调用
      

  4.   

    来晚了，ice_berg16(寻梦的稻草人) 已经提供了完整，正确的答案
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>澷??暥瀮</title>
     <SCRIPT LANGUAGE="JavaScript">
    <!--function on_Focus(bj){
        bj.style.color='#ffffff';
      bj.style.background='#0099FF';
     }function on_Blur(bj){bj.style.background='#ffffff';
    bj.style.color='#2A1F00';
    }function addrow()
    {
    var otr,otd
    var obj=document.all.mytable
    otr=obj.insertRow(obj.rows.length);
    otd=otr.insertCell(0);
    otd.style.height='18';
    otd.innerText="   ";otr.onmouseover=function(){on_Focus(otr)} ;
    otr.onmouseout=function(){on_Blur(otr)};
    }
    -->
    </script></head><body>
    <table width="165" height="26" border="1" id="mytable">
      <tr onMouseOver="on_Focus(this)" onMouseOut="on_Blur(this)">
        <td height="20">&nbsp;</td>
      </tr>
    </table>
    <input type="button" name="Submit" value="鷿壛" onClick="addrow()">
    </body>
    </html>
    在ice_berg16(寻梦的稻草人) 的基础上改下