<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 循环