zoukankan      html  css  js  c++  java
  • Javascript 中调参数的脚本onclick="select(this)" this 怎么解释

    解释1、

    this,指当前的onclick所在的节点本身。

    比如:

    <div onclick='select(this)"></div>

    则当点击div时,this就是div这个dom节点。

    解释2、

    input标签中 onclick="test(this)" 在浏览器解析后,会自动转换成 javascript的事件函数
    input对象.onclick = function (event) {
    test(this)
    }

    当以对象里的方法的方式调用函数时,函数内的 this 是调用该函数的对象
    当函数被用作事件处理函数时,它的this指向触发事件的元素

    解释3、

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
      <div  id="div1" style="300px;height:250px;background-color:red">div1</div>
      <input type="button" value="黑色" onclick="o.changeColor(this)"/> <!-- 这里的 this 是触发对象本身,作为参数传递给对象 o 的 changeColor 方法 -->
      <input type="button" value="红色" onclick="o.changeColor(this)"/> 
      <script>
      var o = {
          bgcolor : 'red',
          obj : document.getElementById('div1'),
          changeColor:function(btn){
                      // 这里的 this 是对象 o 本身,而传递进来的对象作为参数,被方法重命名了,即变量 btn
              this.bgcolor = this.obj.style.background = btn.value=='黑色'?'black':'red';
          }
      }
      </script>
     </body>
    </html>
  • 相关阅读:
    人民币汇率
    世界金融危机史
    选题==》方法
    宏观经济学理论
    央行货币政策执行报告
    货币政策科普
    几个数据库使用记录 & DPD-GMM调整到通过检验
    OBOR数据处理
    stata几个常用命令
    个人闭包理解(结合代码)
  • 原文地址:https://www.cnblogs.com/51python/p/10677324.html
Copyright © 2011-2022 走看看