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>
  • 相关阅读:
    LeeCode 1497. 检查数组对是否可以被 k 整除
    LeetCode 1503. 所有蚂蚁掉下来前的最后一刻
    双指针算法
    最短送餐路程计算, 美团笔试题2020
    最短路算法dijkstra算法
    寻找最小子字符串, 美团笔试题2020
    最大矩形, 统计全1子矩阵
    拼凑硬币, 腾讯
    7月15日
    7月14日
  • 原文地址:https://www.cnblogs.com/51python/p/10677324.html
Copyright © 2011-2022 走看看