关闭

<a>控件this对象说明

373人阅读 评论(0) 收藏 举报

href属性和onclick属性触发事件event对象this不是同一个对象

href 触发事件的this是window对象

onclick 触发的事件this是控件<a>

 

例子:

<html>
	<head>
	
	</head>
	<body>
		href的event对象是window,因此这个this就是指的window
		<br>
		<a href="javascript:href_function(this,'href_function')">
		href="javascript:href_function(this,'href_function')"
		</a>
		<br>
		<br>
		onclick的对象是当前控件a,因此可以获取控件a(链接)相关的信息
		<br>
		<a href="javascript:void(0)" onclick="_click(this,'_click')">
		onclick="_click(this,'_click')"
		</a>
		
	</body>
</html>
<script>
	var ss="我是window对象的属性"
	function href_function(obj,param){
		alert(param);
		alert(obj.outerHTML);//undefined
		alert(obj.ss);//我是window对象的属性
	}
	
	function _click(obj,param){
		alert(param);
		alert(obj.outerHTML);//<a href="javascript:void(0)" onclick="_click(this,'_click')">onclick="_click(this,'_click')"</a>
		alert(obj.ss);//undefined
	}

</script>

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:284096次
    • 积分:8471
    • 等级:
    • 排名:第2296名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:4条
    最新评论