日期:2014-05-16  浏览次数:20379 次

<a>标签的href和onclick事件跳转测试
大家看一下哪个可以实现跳转,哪个不跳转?
<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测试全部跳转!应该是有不跳转的啊?

------解决方案--------------------
<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP

<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接

<a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。

点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用
------解决方案--------------------
探讨
你把alert都去掉,FF和IE就一样了,第一句跳到百度,第二句跳到谷歌
加上alert,浏览器就表现不同了
既有兼容问题,也有执行顺序问题
到底哪个优先?