`

a标签onclick 与IE浏览器问题

阅读更多
最近发现一个问题:
window.location.href在IE6下面竟然不跳转,这是为什么呢?
这个是我写的语句:
<a href="javascript:void(0);" ;onclick="javascript:window.location.href='http://www.sina.com';">转到新浪</a>
后面是网上找到了解决方案(URL:http://www.cnblogs.com/kaima/archive/2008/08/22/1273808.html):
<script type="text/javascript">
function goUrl(x)
{
     window.location.href=x;
}
</script>
<a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>
<a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳转4</a>
<a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳转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下面全部通过。
分享到:
评论

相关推荐

    A标签触发onclick事件而不跳转的多种解决方法

    表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接&lt;a&gt;&lt;/a&gt;形式代替&lt;button&gt; 触发onclick事件...

    ie6下a标签的onclick事件不执行问题解决方案

    代码: 复制代码代码如下: &lt;a&gt;点我咯&lt;/a&gt; [removed] var loadiframe = function(){ alert&#40;‘弹不出来!!!’&#41; } [removed] 解决方案: 1、修改为href="##... 5、最后的解决方案,替换标签,把&lt;a&gt;换为 &lt;

    a标签中调用js中的方法的方法

    - IE浏览器中可能导致GIF动画停止播放。 - 不符合W3C标准,浏览器状态栏会暴露JavaScript方法名,安全性较低。 2. **`&lt;a href="javascript:void(0);" onclick="js_method();"&gt;`** - **描述**: 使用`void(0)`确保...

    javascript option onclick事件ie解决方案 兼容ie,firefox

    总之,解决IE浏览器对select-option onclick事件不支持的问题,需要通过一些特殊的手段来模拟这种行为。无论是通过onchange事件还是将option包裹在a标签中,都能在一定程度上解决不同浏览器之间的兼容性问题。开发...

    a标签href属性和onclick事件的比较介绍

    需要注意的是,直接在href中使用"javascript:"开头的代码段虽然在某些情况下看似方便,但在复杂的JavaScript环境中可能会产生问题,比如不必要地触发window.onbeforeunload事件,或者在IE浏览器中造成GIF动画停止...

    a标签调用js的方法总结

    此外,使用`javascript:`伪协议会导致不必要的`window.onbeforeunload`事件触发,且在IE浏览器中可能使GIF动画暂停。此外,这种方法会将JS函数显示在浏览器状态栏,可能泄露代码信息。 2. `a href="javascript:void...

    使用纯css禁用html中a标签无需JavaScript

    但这种方法存在兼容性问题,因为不是所有浏览器都支持`pointer-events`属性(如Opera和IE浏览器)。 2. 结合jQuery和CSS的方法。这种方法首先通过jQuery移除a标签的`href`属性和`onclick`事件,这使得即使a标签被...

    js模拟点击事件实现代码

    以下是一个针对IE浏览器和非IE浏览器的兼容性解决方案: ```javascript btn.onclick = function() { // 对于IE浏览器,使用fireEvent方法 if(/msie/i.test(navigator.userAgent)) { sub.fireEvent("onclick"); ...

    浏览器兼容(支持IE和firefox)

    8. **事件处理**:IE使用`attachEvent`,非IE浏览器使用`addEventListener`,需要封装函数来统一处理。 9. **JavaScript变量声明**:IE6在函数作用域内未声明的变量会自动提升到全局,其他浏览器则会抛出错误,应...

    网页设置首页代码

    其他非IE浏览器可能无法识别`setHomePage`方法,因此这段代码在非IE浏览器上可能无法正常工作。 2. **`AddFavorite`方法**:同样地,`AddFavorite`方法也是IE浏览器特有的方法,用于将当前页面添加到收藏夹。其他...

    hgroup标签支持什么浏览器?.docx

    虽然老版本的IE浏览器不支持,但大多数现代浏览器都已支持,使其成为构建结构良好、易于理解和访问的网页标题的重要元素。在实际开发中,合理利用`hgroup`可以提升网站的质量,尤其在提升用户体验和搜索引擎可见性...

    javascript动态改变img的src属性图片不显示的解决方法

    总的来说,当遇到动态改变`img`标签`src`属性后图片在IE浏览器中不显示的问题时,检查`&lt;a&gt;`标签的使用并确保阻止其默认行为通常是有效的解决策略。通过添加`return false;`或`event.preventDefault();`,可以避免IE...

    设为首页加入收藏

    同样地,`AddFavorite`方法是IE浏览器特有的,因此在非IE浏览器中,这段代码将不起作用。对于其他浏览器,可以考虑使用浏览器的书签功能,引导用户手动添加当前页面到书签中。 ### 总结 以上介绍了两种常见的网页...

    [removed].href IE下跳转失效的解决方法

    在网页开发过程中,兼容性问题始终是一个棘手的挑战,尤其是在处理不同的浏览器,尤其是像Internet Explorer(特别是早期版本如IE6)这样的老式浏览器时。本文将深入探讨一个常见的问题,即`window.location.href`在...

    Ajax请求过程中下载文件在FireFox(火狐)浏览器下的兼容问题

    在使用Ajax请求统计下载量时,在火狐浏览器中遇到了一些问题,而其他一些浏览器如Chrome、UC、Opera、2345浏览器则没有问题,IE浏览器尚未测试。这里有几个关键的知识点需要注意: 1. 在HTML文档中,当一个a标签...

    包装印刷js调用包装打印机知识管理.docx

    - **IE浏览器的安全设置问题**:为了使上述方法正常工作,需要在IE浏览器的“Internet选项”的“安全”标签页中,将“对于没有标记为安全的ActiveX控件进行设置”调整为“提示”或“启用”。 - **VS.NET编辑环境下...

    FireFox与IE 下js兼容触发click事件的代码

    在FireFox与IE浏览器中触发click事件的方法存在差异。在IE中,可以通过`document.all`这一专有属性来检测是否是IE浏览器,如果是,则使用`document.getElementById(name).click();`方法触发click事件。而在FireFox...

    Firefox不支持click方法的解决

    在 IE8 浏览器中,对于 input type=file 的文件上传控件,执行 click 方法只能触发 onclick 事件绑定的代码执行,而不能弹出文件选择对话框。这是因为 IE8 浏览器对文件上传控件的限制。 initEvent 方法用于初始化...

Global site tag (gtag.js) - Google Analytics