怎么动态的给DIV加JS函数调用

JS在页面最后面载入,载入后马上要给页面中间的一个DIV的onmouseover加上在那个JS里的一个函数.该怎么做

解决方案 »

  1.   

    <script>
    window.onload = function(){
        document.getElementById("div的id").onmouseover = function(){// 括号里可以传参数
            // 这里写要调用的方法
        }
    }
    </script>
      

  2.   

    也可以在页面最后加上：
    <script>
    document.getElementById("div的id").onmouseover = function(){// 括号里可以传参数 
            // 这里写要调用的方法 
        } </script>
      

  3.   

    调用多个的话我建议使用attachEventobj.attachEvent("onchange",hasChange);
    obj.attachEvent("onchange",hasChange2);
      

  4.   

    加在页面任何地方： 
    <script defer> 
    document.getElementById("div的id").onmouseover = function(){// 括号里可以传参数 
            // 这里写要调用的方法 
        } </script>
      

  5.   


    var $ =function(ID){return document.getElementById(ID);};
    function ShowServer(ID1,ID2)
    {
        $(ID1).style.backgroundImage="url(images/b1_1.gif)";
        $(ID2).style.backgroundImage="url(images/b1_2.gif)";
    }
    window.onload = function()
    { 
        document.getElementById("usserver").onmouseover = ShowServer("usserver","euserver");
        document.getElementById("euserver").onmouseover = ShowServer("euserver","usserver");
    } 
    这是一个JS文件,在页面的最底下.我要给页面的usserver这个DIV和euserver这个DIV加上onmouseover这2个事件.这么写还是不对
      

  6.   

    window.onload = function()
    { 
        document.getElementById("usserver").onmouseover = function(){
            ShowServer("usserver","euserver");
        }
        document.getElementById("euserver").onmouseover = function(){
            ShowServer("euserver","usserver");
        }
    }
      

  7.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
        <head>
            <title> </title>
        <script language="javascript" type="text/javascript">
            window.onload=function()
            {
               var c=document.getElementById("name");
      c.onmouseover = function(){
            c.focus(); }
               c.onfocus=function(){ 
    c.select();}
             }
        </script>
       </head>
        <body>
        <input type="text" id="name" value="123" />
        <input type="text" />
        <input type="reset" />
        <input type="submit" />
        </body>
    </html>