js this 

<script type="text/javascript">
     function to_green(){
        this.style.color="green";
    }
    function init_page(){
    var example=document.getElementById("example");
        example.onclick=to_green;
   }
   window.onload=init_page;
</script>
<a href="#" id="example" style="color: red;">点击变绿</a>

定义:this是包含它的函数作为方法被调用时所属的对象,
 1、包含它的函数。2、作为方法被调用时。3、所属的对象。
function to_green(){
   this.style.color="green";
}
to_green();
函数所属的对象   默认情况是window 并没有style这个属性
通过赋值操作，example对象的onclick得到to_green的方法，那么包含this的函数就是to_green()喽，
onclick事件是让example对象调用了to_green()函数，所以this指向example



<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)
{
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

 for  in 循环

posted on 2018-05-20 16:02  最初的梦想DW  阅读(102)  评论(0)  编辑  收藏  举报

导航