`
twinsouzhili
  • 浏览: 1335 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

IE6 链接不跳转

 
阅读更多
http://yslove.net/2011/02/ie6-javascriptvoid0/‘
遇到过几次这种问题,现在总结一下。
代码:
<a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a>
<a href="javascript:alert('Hello!');">Say Hello</a>
<a href="javascript:void(name = 'will'); alert('Hello ' + name);">Say Hello</a>
<a onclick="window.location.href='http://www.google.com' return false;" href="javascript:void(0);">google</a>
这段代码在主流的浏览器里面都没问题,但是在IE6下就会出现不能跳转的现象。
经过一翻排查,发现绑定的事件都会执行,是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:void(0);导致 的。
a标签
a标签本来就是用来进行页面跳转的标签,其运行机制是告诉浏览器URL地址并且跳转。当然,我们可以在href属中直接执行javascript。
代码:
Say Hello
这里由于javascript执行了alert函数,但是其返回的是null。所以a标签没有执行任何动作。
javascript:void(0);
void(arg);可以理解为永远返回null的函数,但是其参数不能为空。其参数可以为任意的表达式甚至是函数。
代码:
Say Hello
对IE6运行的猜想
IE6会先运行DOM本身绑定的事件,如onclick;如果没有阻止冒泡,则会顺序执行href属性。而void(0);正是不需要执行任何事 件,则IE6告诉浏览器不执行任何事件(覆盖之前的动作),并且终止冒泡相当于return false;于是浏览器没有执行任何动作。
这样只要在onclick事件内阻止冒泡事件即可。
经过改进的代码为:<a onclick="javascript:window.location.href='http://www.google.com'; return false;" href="javascript:void(0);">google</a>这样在IE6下就可以正常运行了。
其他方法
当然可以不使用javascript:void(0);而改使用#也可以避免,href属性内的#本来的意思就是锚点#name所以当不指定任何锚 时自然会到页面顶端并在URL后加入Hash symbol。
这里对于锚还有一个比较特殊的用法
当href属性的值是锚点时,但是又找不到该锚点,则相当于返回null,所以可以使用##来代替javascript:void(0);
当然前提是你的页面不要有锚点的名字是#的哟~
分享到:
评论

相关推荐

    Chrome启用IE打开新连接插件

    Chrome启用IE打开新连接插件是是对https://blog.csdn.net/java_zys/article/details/51837899/付的例子的总结,这篇博客结尾有程序,我对其安装和使用方法总做了总结。

    电脑的IE被自动跳转到其他页面怎么处理

    具体情况是:打开IE后一点网站,自动跳转到其它的网站,而且网站上面还有小红叉.而且打开百度页面,上面有许多广告。该怎么查杀啊。 最佳答案 根据描述,这个问题应该是浏览器被劫持所致,所谓浏览器劫持是指网页...

    QT在windows上内嵌IE浏览器

    由于Flash在现代浏览器中的支持逐渐减弱,而Qt自身对Flash的支持并不理想,因此通过内嵌IE控件来实现播放成为了可行的选择。下面将详细介绍这一过程。 首先,QT(Qt Toolkit)是一个跨平台的应用程序开发框架,它...

    IE 被迫连接某网站的解决办法

    标题中的“IE被迫连接某网站”是指用户在使用Internet Explorer(IE)浏览器时,遭遇了自动跳转到特定网站的问题,这通常是由于恶意软件或病毒导致的。以下是一些详细的解决步骤: 1. **检查IE浏览器设置**: - ...

    html+js手机端拍照二维码跳转网页,pc端选择二维码跳转网页

    在移动互联网时代,二维码已经成为连接线上与线下信息的重要桥梁,特别是在网页交互中,通过二维码实现快速跳转成为了常见且便捷的方式。本项目标题为“html+js手机端拍照二维码跳转网页,pc端选择二维码跳转网页”...

    广科校园网教学区域自动打开IE输入账号连接.vbs

    vbs,自动打开IE浏览器,然后跳转到校园网的登录页面,输入账号密码自动连接校园网。(脚本以广科为例,其他的大同小异,有问题可留言)

    IE常用日语单词

    【标题】"IE常用日语单词"涉及到的知识点主要是在日语环境中如何使用IE浏览器,以下是一些关键的日语词汇及其对应的英文含义和在IE浏览器中的应用: 【发送】(送信):在IE浏览器中,这可能指的是发送电子邮件或...

    关于xp系统升级ie的软件以及补丁软件

    离线补丁是一种不依赖互联网连接就能安装的更新包,特别适用于网络环境不稳定或受限制的场景。在提供的文件列表中,“IE8离线升级+补丁”正是我们需要的解决方案。 首先,下载并运行这个离线补丁,它会检查系统当前...

    IE浏览器超级实用技巧七则

    1. **IE启动大加速**:通过在IE快捷方式的“目标”位置添加“-nohome”参数,可以实现在启动时不加载任何页面,从而加快启动速度。这样,IE将真正实现空白启动,减少加载时间。 2. **IE也有后悔药**:如果意外关闭...

    IE浏览器经典故障大全

    - 故障现象:IE浏览器打开网页速度慢,或者图片、脚本等元素加载不完全。 - 解决方法:检查网络连接,禁用可能影响速度的扩展,清理浏览器历史记录,或者升级硬件如增加内存。 3. **无法打开特定网站** - 故障...

    IE恢复器

    1. **主页被篡改**:恶意软件或病毒可能会更改IE的默认主页设置,导致每次打开浏览器时都会跳转到不期望的网页。"IE恢复器"能帮助用户恢复正确的主页设定,保护用户的浏览体验。 2. **浏览器按钮失效**:某些情况下...

    无线网络连不上只显示找到一个无线宽带连接.docx

    本文针对“无线网络连不上只显示找到一个无线宽带连接”的现象进行深入分析,并提出相应的解决方法。 #### 忘记打开浏览器 **问题描述**:部分无线网络(尤其是需要付费使用的)在初次连接时会自动跳转至认证页面...

    校园无线网络连接使用说明.doc

    例如选择大学,那么跳转至大学认证页面,通过认证后,也能使用无线网络。 四、注意事项 1. 如果用户电脑上的浏览器已设置为阻止弹出窗口,那么以上窗口将不会出现,用户也无法注销登出。 2. 登陆只为保证用户有效...

    IE浏览器出现了乱码是什么情况.docx

    这些命令的作用在于解决包括无法打开新窗口、超链接无响应以及各种其他IE问题,如页面显示不完整、Java效果失效、网页不自动跳转等。 总之,IE浏览器出现乱码问题时,用户可以通过检查和调整浏览器的字库、编码设置...

    IE浏览器的基本操作.pptx

    它主要用于接收用户请求,连接到相应的网站,并展示网页内容。除了基本的文字和超文本文件显示,IE浏览器还支持多媒体播放,如CD、VCD、MP3等格式,并能直接收听网络广播和观看在线视频。 **启动与界面认识** 启动...

    CN-DOS批处理精华贴(2007-A)(IE6)

    CN-DOS批处理精华贴(2007-A)(IE6)这个压缩包文件集合了dos盟批处理室在2007年A期的一些经典帖子,内容主要围绕DOS批处理技术展开。批处理是一种在DOS或Windows环境下通过编写简单的命令脚本来自动化执行一系列操作的...

    使用IE浏览器pptPowerPointPresen.pptx

    最后,提到了IE浏览器的"Internet选项"设置,这是对浏览器进行个性化配置的地方,包括隐私、安全、连接、内容等方面的设置。 总结来说,本篇内容主要涵盖了Web页面的超媒体结构、URL的基本概念,以及使用IE浏览器...

    使用IE浏览器ppt-PowerPointPresen.pptx

    在IT领域,了解如何有效地使用网络浏览器,如Internet Explorer(IE),对于日常的工作和学习至关重要。本篇将详细解析使用IE浏览器浏览Web页面的核心概念和技术。 首先,我们要明白Web页的超媒体结构。超文本...

    详解如何通过H5(浏览器/WebView/其他)唤起本地app

    当然只是其中的一个需求,还有的是现在各类app,分享出去的H5页面中,一般都会带着一个立即打开的按钮,如果本地安装了app,那么就直接唤起本地的app,如果没有安装,则跳转到下载。这是一个很正常的推广和导流量的...

    windows8下同步IE10浏览器收藏夹的方法.docx

    ### Windows 8 下同步 IE10 浏览器收藏夹的方法 随着云计算技术的发展与普及,用户能够在不同的设备上享受到一致的浏览体验。对于Windows 8 用户而言,IE10 浏览器作为微软自家的产品,自然也具备了强大的同步功能...

Global site tag (gtag.js) - Google Analytics