HTML的onclick的this指向

最新推荐文章于 2024-06-25 10:52:00 发布

思维小刀

最新推荐文章于 2024-06-25 10:52:00 发布

阅读量3.9k

点赞数 1

分类专栏： HTML JavaScript

本文链接：https://blog.csdn.net/fujian9544/article/details/90724332

版权

JavaScript 同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

HTML

16 篇文章 0 订阅

订阅专栏

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>

思维小刀

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML的onclick的this指向

1.简述<input type="button" value="modify" onclick="changeContent()">写在元素上onclick里面的函数changeContent，相当于函数直接调用，函数里面使用的this指向全局对象window，而不是指向该元素<input type="button" value="修改" onclick="...
复制链接

扫一扫

专栏目录