$id(id)函数 

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style>
       #box{
           width:100px;
           height:100px;
           background-color: red;
       }
    </style>
        <!--js部分，鼠标滑过盒子的时候，盒子颜色由原来的红色变成绿色，当鼠标从盒子上离开，盒子的颜色又恢复为原来的红色-->
    <script>
       window.onload=function(){    //function后面的括号不要忘记
           function $id(id)     //$id(id) 这个函数是用来获取id的
           {
               return document.getElementById(id);  //id是形参变量，不加引号
           }
           $id("box").onmouseover=function(){    //调用的时候一定要加引号
               $id("box").style.backgroundColor="green";
           }
           $id("box").onmouseout=function(){
               $id("box").style.backgroundColor="red";
           }
       }
    </script>
</head>
<body>
        <div id="box"></div>
</body>
</html>

 

posted @ 2019-07-17 00:27  shanlu  阅读(655)  评论(0)    收藏  举报