当前位置: 代码迷 >> Web前端 >> 诡谲的A标签
  详细解决方案

诡谲的A标签

热度:42   发布时间:2012-08-30 09:55:54.0
诡异的A标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>诡异的A标签</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
	//关于this
	function dododo(src){
		alert(src==window);
	}
	function hrefOrClick(val){
		alert(val);
	}
  </script>
 </head>
 <body>
  <a href="javascript:dododo(this)">dododo</a><br/>
  <a href="javascript:!function(){}">取个反试试</a>(注意浏览器之间的不同哦)<br/>
  <a href="javascript:hrefOrClick('href')" onclick="hrefOrClick('click')">猜猜先执行哪个?</a><br/>
 </body>
</html>



上文中一共三处A标签:
第一个在对href属性进行设置执行javascript函数时,这时会有个陷阱,当你传入this时,或得到的却是Window对象.
第二个A标签没太大意义,在IE,FF下执行时页面会跳转到空白,并且只有一个false,谷歌浏览器没反应,Opera没装,所以不知道,希望回帖者可以把结果奉上。
第三个只是为了告诉大家href标签属性和click事件的执行顺寻而已。

献丑了
  相关解决方案