this的一些测试例子

原创

jimode2013 2012-10-30 22:08:38 博主文章分类：javascript ©著作权

©著作权归作者所有：来自51CTO博客作者jimode2013的原创作品，请联系作者获取转载授权，否则将追究法律责任

this指向对象，不是指向window

<html>  
<head>  
   <title>this指向对象，不是指向window</title>  
</head>  
<body>  
<button id="btn" name="btn"/> 
<script>  
<!--  
  function doSomething(){  
    alert(this == btn);  
    alert(this == window);  
  } 
  btn.onclick = doSomething;//true false 
-->  
</script>  
</body>  
</html>

<html>  
<head>  
   <title>this指向对象，不是指向window(firefox)</title>  
</head>  
<body>  
<button id="btn" name="btn"/> 
<script>  
<!--  
  function doSomething(){  
    alert(this == btn);  
    alert(this == window);  
  } 
  btn.addEventListener('click', doSomething, false);//true false 
-->  
</script>  
</body>  
</html>

<html>  
<head>  
   <title>this指向对象，不是指向window</title>  
</head>  
<body>  
<button id="btn" name="btn"/> 
<script>  
<!--  
  var btn = document.getElementById("btn"); 
  btn.onclick = function() { alert(this == btn);} //true 
-->  
</script>  
</body>  
</html>

<html>  
<head>  
   <title>this指向对象，不是指向window</title>  
</head>  
<body>  
<button id="btn" name="btn" onclick="alert(this.name)"/><!--btn--> 
</body>  
</html>

this指向window

<html>  
<head>  
   <title>this指向window</title>  
</head>  
<body>  
<button id="btn" name="btn"/> 
<script>  
<!--  
  function doSomething(){  
    alert(this == btn);  
    alert(this == window);  
  } 
  btn.onclick = function() { alert(this.name);doSomething()} //btn false true 
-->  
</script>  
</body>  
</html>

<html>  
<head>  
   <title>this指window</title>  
</head>  
<body>  
<button id="btn" name="btn" onclick="doSomething()"/> 
<script>  
<!--  
  function doSomething(){  
    alert(this == btn);  
    alert(this == window);  
  } 
-->  
</script>  
</body>  
</html>

this指向obj

<html>  
<head>  
   <title>this指obj</title>  
</head>  
<body>  
<button id="btn" name="btn" onclick="doSomething()"/> 
<script>  
<!--  
  function doSomething(){ 
    alert(this == obj);  
    alert(this == btn);  
    alert(this == window);  
  } 
  var obj={};   
  doSomething.apply(obj); //this指向obj true false false 
-->  
</script>  
</body>  
</html>