<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>

 

 

阅读更多
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭