1.简述

写在元素上onclick里面的函数changeContent，相当于函数直接调用，

函数里面使用的this指向全局对象window，而不是指向该元素

这里的this指这个input标签，要设置对应的形参才是当前对象那个

如果没有设置形参只是$(this)就是windowd对象

2.代码

<!DOCTYPE html>
<html>
<head><title></title>
</head>
<body><div style="width:200px;height:200px;border:2px solid black" name="name" onclick="ct(this)">
<span>html()方法里面全部的代码</span>
</div></body>
</html>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">function ct(obj) {console.log($(obj));            //是当前的对象  形参实参都要有console.log($(this));          //还是window对象  不变化  就是这么任性啊console.log($(obj).attr("name"));console.log($(obj).html());}</script>

HTML的onclick的this指向相关推荐

深入理解call、apply、bind（改变函数中的this指向）
在JavaScript中call.apply.bind是Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果.本文将对这三个方法进行 ...
读书笔记：编写高质量代码--web前端开发修炼之道（二：5章）
读书笔记:编写高质量代码--web前端开发修炼之道这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
使用 ale.js 制作一个小而美的表格编辑器（2）
今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请访 ...
JS中的this好神奇，都把我弄晕了
一.this的常见判断: 1.函数预编译过程 this -> window 2.全局作用域里 this -> window 3.call/apply 可以改变函数运行时this指向 4.o ...
JavaScript高级之函数进阶
1. 函数的定义和调用 1.1 函数的定义方式函数声明方式 function 关键字 (命名函数) 函数表达式 (匿名函数) new Function() Function 里面参数都必须是字符串格 ...
HTML点击图片实现跳转的两种方法
在HTML中经常会使用到点击图片跳转到指定地址的功能,实现这一功能也有很多方法,我们可以使用JQuery和JS来实现,也可以使用其他的方式进行实现,下面介绍使用jQuery和JS来实现 JQuery方 ...
JavaScript实现动态添加员工信息
实现功能包括: 输入员工id,姓名,选择职位,对信息进行表单验证表格实现隔行变色添加点击提交按钮后,弹框提示是否添加实现全选全不选单行删除多行同时删除 <!DOCTYPE html&g ...
easyui图片放大功能（取巧）
先定义一个会话框里面隐藏一个div标签 <div id="dlgdiv" class="easyui-dialog"style="width: ...
设置默认收货地址【项目商城】
设置默认收货地址[项目商城] 设置默认收货地址 1. 持久层 1.1 规划SQL语句 1.2 设计抽象方法 1.3 配置SQL映射测试 2.业务层 2.1 异常规划 2.2 抽象方法 2.3 实现 ...

HTML的onclick的this指向

1.简述

2.代码

HTML的onclick的this指向相关推荐

最新文章

热门文章