this的一些測試例子

時間  2020-07-31
標籤 一些 測試 例子 简体版
原文   原文鏈接

 this指向對象，不是指向windowhtml

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指向對象，不是指向window</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   function doSomething(){  
    10. 
   
   
   
   
  10.     alert(this == btn);  
    11. 
   
   
   
   
  11.     alert(this == window);  
    12. 
   
   
   
   
  12.   } 
    13. 
   
   
   
   
  13.   btn.onclick = doSomething;//true false 
    14. 
   
   
   
   
  14. -->  
    15. 
   
   
   
   
  15. </script>  
    16. 
   
   
   
   
  16. </body>  
    17. 
   
   
   
   
  17. </html>  
    18. 
  
  
  
  

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指向對象，不是指向window(firefox)</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   function doSomething(){  
    10. 
   
   
   
   
  10.     alert(this == btn);  
    11. 
   
   
   
   
  11.     alert(this == window);  
    12. 
   
   
   
   
  12.   } 
    13. 
   
   
   
   
  13.   btn.addEventListener('click', doSomething, false);//true false 
    14. 
   
   
   
   
  14. -->  
    15. 
   
   
   
   
  15. </script>  
    16. 
   
   
   
   
  16. </body>  
    17. 
   
   
   
   
  17. </html>  
    18.

 

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指向對象，不是指向window</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   var btn = document.getElementById("btn"); 
    10. 
   
   
   
   
  10.   btn.onclick = function() { alert(this == btn);} //true 
    11. 
   
   
   
   
  11. -->  
    12. 
   
   
   
   
  12. </script>  
    13. 
   
   
   
   
  13. </body>  
    14. 
   
   
   
   
  14. </html>  
    15.

 

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指向對象，不是指向window</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn" onclick="alert(this.name)"/><!--btn--> 
    7. 
   
   
   
   
  7. </body>  
    8. 
   
   
   
   
  8. </html>  
    9.

 

this指向windowapp

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指向window</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   function doSomething(){  
    10. 
   
   
   
   
  10.     alert(this == btn);  
    11. 
   
   
   
   
  11.     alert(this == window);  
    12. 
   
   
   
   
  12.   } 
    13. 
   
   
   
   
  13.   btn.onclick = function() { alert(this.name);doSomething()} //btn false true 
    14. 
   
   
   
   
  14. -->  
    15. 
   
   
   
   
  15. </script>  
    16. 
   
   
   
   
  16. </body>  
    17. 
   
   
   
   
  17. </html>  
    18.

 

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指window</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn" onclick="doSomething()"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   function doSomething(){  
    10. 
   
   
   
   
  10.     alert(this == btn);  
    11. 
   
   
   
   
  11.     alert(this == window);  
    12. 
   
   
   
   
  12.   } 
    13. 
   
   
   
   
  13. -->  
    14. 
   
   
   
   
  14. </script>  
    15. 
   
   
   
   
  15. </body>  
    16. 
   
   
   
   
  16. </html>  
    17.

this指向objide

  
  
  
  
    
   
   
   
   
  1. <html>  
    2. 
   
   
   
   
  2. <head>  
    3. 
   
   
   
   
  3.    <title>this指obj</title>  
    4. 
   
   
   
   
  4. </head>  
    5. 
   
   
   
   
  5. <body>  
    6. 
   
   
   
   
  6. <button id="btn" name="btn" onclick="doSomething()"/> 
    7. 
   
   
   
   
  7. <script>  
    8. 
   
   
   
   
  8. <!--  
    9. 
   
   
   
   
  9.   function doSomething(){ 
    10. 
   
   
   
   
  10.     alert(this == obj);  
    11. 
   
   
   
   
  11.     alert(this == btn);  
    12. 
   
   
   
   
  12.     alert(this == window);  
    13. 
   
   
   
   
  13.   } 
    14. 
   
   
   
   
  14.   var obj={};   
    15. 
   
   
   
   
  15.   doSomething.apply(obj); //this指向obj true false false 
    16. 
   
   
   
   
  16. -->  
    17. 
   
   
   
   
  17. </script>  
    18. 
   
   
   
   
  18. </body>  
    19. 
   
   
   
   
  19. </html>  
    20.

11this

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程