<a>控件和onclick事件触发的对象 this对象说明

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>

 

 

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试