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下面全部通过。

相关文章

  • javascript最基本的函数汇总

    javascript最基本的函数汇总

    这篇文章主要给大家汇总介绍了javascript最基本的7个函数,十分的实用,有需要的小伙伴可以参考下。
    2015-06-06
  • window.setInterval()方法的定义和用法及offsetLeft与style.left的区别

    window.setInterval()方法的定义和用法及offsetLeft与style.left的区别

    window.setInterval()方法可以按照指定的周期执行来执行一段程序。周期是以毫秒为单位的,本文给大家介绍window.setInterval()方法的定义和用法,感兴趣的朋友参考下
    2015-11-11
  • Js 弹出框口并返回值的两种常用方法

    Js 弹出框口并返回值的两种常用方法

    有时候我们需要在新窗口执行一些代码并讲求将执行的结果返回到这个页面,那么就需要下面的方法,js常用的就是下面这中方法。
    2010-12-12
  • 微信小程序实现自定义modal弹窗封装的方法

    微信小程序实现自定义modal弹窗封装的方法

    这篇文章主要介绍了小程序自定义modal弹窗封装实现方法,本文通过实例代码相结合的形式给大家介绍的非常详细,需要的朋友可以参考下
    2018-06-06
  • JS实现日期时间动态显示的方法

    JS实现日期时间动态显示的方法

    这篇文章主要介绍了JS实现日期时间动态显示的方法,涉及JavaScript基于时间函数定时操作页面元素属性的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-12-12
  • JavaScript六种常见的继承方法分享

    JavaScript六种常见的继承方法分享

    继承是面向对象编程中的一个重要概念,它允许一个对象(子类或派生类)获取另一个对象(父类或基类)的属性和方法,在 JavaScript 中,有多种方式可以实现继承,本文将给大家介绍六种常见的JavaScript继承方法,需要的朋友可以参考下
    2023-09-09
  • JavaScript封装单向链表的示例代码

    JavaScript封装单向链表的示例代码

    这篇文章主要介绍了JavaScript如何封装单向链表,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • 原生Js Canvas去除视频绿幕背景的方法实现

    原生Js Canvas去除视频绿幕背景的方法实现

    本文主要介绍了原生Js Canvas去除视频绿幕背景的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • 原生js+cookie实现购物车功能的方法分析

    原生js+cookie实现购物车功能的方法分析

    这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • 微信小程序整合使用富文本编辑器的方法详解

    微信小程序整合使用富文本编辑器的方法详解

    这篇文章主要介绍了微信小程序整合使用富文本编辑器的方法,结合实例形式分析了微信小程序整合与使用富文本插件WxParse相关步骤与操作技巧,需要的朋友可以参考下
    2019-04-04

最新评论