<a>标签的href和onclick事件跳转测试

Question

大家看一下哪个可以实现跳转，哪个不跳转？
<script type="text/javascript">   
function ToUrl(x)   
{   
      location.href=x;   
}   
</script>  
<a href="javascript:;" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试1</a>   
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试2</a>   
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.g.cn');return false;">
location.href不跳转测试3</a>   
<a href="#" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试4</a>   
<a href="###" onclick="javascript:ToUrl('http://www.g.cn');">
location.href不跳转测试5</a> 我用IE8测试全部跳转！应该是有不跳转的啊？

Answer 1

<a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP<a href="javascript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接<a href="#" onclick="javascript:return false;"> 作用同上，不同浏览器会有差异。点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用

Answer 2

onclick优先href执行？可以这样理解吗？高手回答下

Answer 3

它执行的过程是如何的？是否是先触发onclick事件，如果onclick事件做了页面跳转的请求，href属性就失效了？
href属性什么时候发挥作用？以上例子经过实际测试，IE8,FF,chrome全部跳转

Answer 4

反了，是先 href 后 onclick，
L@_@K 去 Baidu 了
<a href="http://www.baidu.com/" onclick="location='http://www.g.cn/';alert(location.href);">去哪里？</a>
而这个才是 google
<a href="#" onclick="location='http://www.g.cn/';alert(location.href);">去哪里？</a>

Answer 5

哈，都不对，又是浏览器兼容性问题！FF 下总是 onclick 优先！
而 IE 下是 href 优先，但会执行 onclick 代码后跳转！大家自己测试吧！L@_@K
  <a href="http://baidu.com/" onclick="location='http://www.g.cn/';alert(location.href);">去哪里？</a>  <a href="#" onclick="location='http://www.g.cn/';alert(location.href);">去哪里？</a>

Answer 6

那位老师连 javascript 都念不清楚，而且还公然拼接 html 标记，看了一分钟就吐了！

Answer 7

你把alert都去掉，FF和IE就一样了，第一句跳到百度，第二句跳到谷歌
加上alert，浏览器就表现不同了
既有兼容问题，也有执行顺序问题
到底哪个优先？

Answer 8

哦，原来这样呀！href 可称为静态转向方式；onclick 可称为动态转向方式，
由此可见，这个问题并不复杂，解决方案就是不要同时使用两种转向方式，每次只选其中一种！