location.href 在IE6中不跳转的解决方法与推荐使用代码

 更新时间:2010年07月08日 02:42:54   作者:  
在js中,我们经常使用location.href来实现页面的跳转,为了方便我们写成函数。下面就分别说明下,下面的一些代码的实现问题。

以下内容为转帖:

代码

复制代码 代码如下:

<script type="text/javascript">
function goUrl(x)
{
window.location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:goUrl('http://www.baidu.com');">跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('https://www.jb51.net');">跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://s.jb51.net');return false;">跳转3</a>
<a href="#" onclick="javascript:goUrl('http://adm.baidu.com');">跳转4</a>
<a href="###" onclick="javascript:goUrl('http://tools.jb51.net');">跳转5</a>

测试环境IE6,IE7,Firefox 3。
跳转1和2在IE6环境下无效,3、4、5在IE6,IE7,Firefox3.01下测试均能 通过,。
跳转4和5最简洁。
关键在于<a>的href属性,空链接用"#","###"。
为了不返回网页顶端。
空链接推荐用"###"。

我采用了第三种方法,在后面加了return false;这样,IE6、IE7、FF3下面全部通过。

相关文章

  • 一文详解e2e测试之cypress的使用

    一文详解e2e测试之cypress的使用

    这篇文章主要介绍了e2e测试之cypress的使用方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 使用javascript:将其它类型值转换成布尔类型值的解决方法详解

    使用javascript:将其它类型值转换成布尔类型值的解决方法详解

    本篇文章是对使用javascript:将其它类型值转换成布尔类型值的解决方法进行了详细的分析介绍。需要的朋友参考下
    2013-05-05
  • js函数和this用法实例分析

    js函数和this用法实例分析

    这篇文章主要介绍了js函数和this用法,结合实例形式分析了js函数和this基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • javascript对象的相关操作小结

    javascript对象的相关操作小结

    下面小编就为大家带来一篇javascript对象的相关操作小结。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript实现可拖拽的进度条

    JavaScript实现可拖拽的进度条

    这篇文章主要为大家详细介绍了JavaScript实现可拖拽的进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Javascript图像处理—图像形态学(膨胀与腐蚀)

    Javascript图像处理—图像形态学(膨胀与腐蚀)

    上一篇文章,我们讲解了图像处理中的阈值函数,这一篇文章我们来做膨胀和腐蚀函数
    2013-01-01
  • 浅谈js中的闭包

    浅谈js中的闭包

    闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样.闭包是很多语言都具备的特性,在js中,闭包主要涉及到js的几个其他的特性:作用域链,垃圾(内存)回收机制,函数嵌套,等等.
    2015-03-03
  • js getBoundingClientRect使用方法详解

    js getBoundingClientRect使用方法详解

    这篇文章主要介绍了js getBoundingClientRect使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • JS创建优美的页面滑动块效果 - Glider.js

    JS创建优美的页面滑动块效果 - Glider.js

    JS创建优美的页面滑动块效果 - Glider.js...
    2007-09-09
  • Bootstrap树形菜单插件TreeView.js使用方法详解

    Bootstrap树形菜单插件TreeView.js使用方法详解

    这篇文章主要为大家详细介绍了Bootstrap树形菜单插件TreeView.js使用方法,一款非常酷的基于bootstrap的jQuery多级列表树插件,具有一定的实用性,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论