读书人

lt;agt;标签的href和onclick事件跳转测试,

发布时间: 2012-06-05 13:54:06 作者: rapoo

<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,浏览器就表现不同了
既有兼容问题,也有执行顺序问题
到底哪个优先?

读书人网 >JavaScript

热点推荐