location.href不跳转的解决办法

最新推荐文章于 2024-05-17 16:09:32 发布

原创最新推荐文章于 2024-05-17 16:09:32 发布 · 854 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #测试 #function

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文通过测试onclick事件中的location.href属性，解决location.href不跳转的问题，并提供了三种成功的跳转方法。

相信很多人通过链接的onclick事件做跳转操作时，出现location.href不跳转的问题，下面对onclick事件中location.href的几种测试，来解决这个location.href不跳转的问题。

<script type="text/javascript">   
function ToUrl(x)   
{   
      location.href=x;   
}   
</script>   
<a href="javascript:;" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试1</a>   
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试2</a>   
<a href="javascript:void(0);"
 onclick="javascript:ToUrl('http://www.jingzhengli.cn');return false;">
location.href不跳转测试3</a>   
<a href="#" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试4</a>   
<a href="###" onclick="javascript:ToUrl('http://www.jingzhengli.cn');">
location.href不跳转测试5</a>

测试之后相信大多数人出现location.href不跳转的问题都在测试1和测试2下，测试3，4，5三种方法均成功跳转！问题解决！
小提示：测试4点击后会回到页面顶部，所以请选择测试3，5两种方法！