码迷,mamicode.com
首页 > Web开发 > 详细

JS表达式函数,this

时间:2017-09-22 21:17:01      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:blog   表达式   代码   round   images   ack   cti   foo   分享   

 <style>
        div {
            width: 200px;
            height: 200px;
            background: red;
            margin-top: 20px;
        }
    </style>
</head>

<body>


    <div id="header" >行间事件</div>
    <div id="main">this的作用</div>
    <div id="footer">JS事件</div>
     <script>
           
          var header=document.getElementById("header"),
              footer=document.getElementById("footer"),
              main=document.getElementById("main");
              toGreen();//在函数toGreen之前之后都可以
        function toGreen(){
            header.style.background="green";
        }
          var toBlue=function(){
              footer.style.background="blue";
          }
         footer.onclick=toBlue;//只能在toBlue之后不能再之前,因为代码是从上向下执行的toBlue相当于一个变量,在其之前则toBlue是undefined;
  
         main.onclick=function(){
             //在这行代码中this等价于main
             this.style.background="orange";
         }
           
            
        
</script> 

  技术分享

JS表达式函数,this

标签:blog   表达式   代码   round   images   ack   cti   foo   分享   

原文地址:http://www.cnblogs.com/xingkongly/p/7576910.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!