`
winnie825
  • 浏览: 120424 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE6下onclick跳转失效问题

阅读更多

<html>
  <head>
    <title>a_test.html</title>
	
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript">
    function doClick(){
        self.location.href="MyHtml.html";       
    }
    </script>
  </head>
  
  <body>
    <a href="javascript:void(0);" onclick="doClick();">请点击我</a>
  </body>
</html>

 
这段代码在IE8下没有问题,可以正确跳转到MyHtml.html页面,但是在IE6下面失效了。

 

网上查了很久,没有找到微软的权威说明,但是这个类似:http://support.microsoft.com/kb/190244/en-us

 

问题发现了,解决方法有两种:

1. 推荐做法:在onclick执行过程中加return;

<html>
  <head>
    <title>a_test.html</title>
	
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript">
    function doClick(){
        self.location.href="MyHtml.html";       
    }
    </script>
  </head>
  
  <body>
    <a href="javascript:void(0);" onclick="doClick();return false;">请点击我</a>
  </body>
</html>
 

2. 使用‘#’替代'javascript:void(0);',但是‘#’会让页面跳转到top,如果页面有较长会导致用户体验差。

<html>
  <head>
    <title>a_test.html</title>
	
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript">
    function doClick(){
        self.location.href="MyHtml.html";       
    }
    </script>
  </head>
  
  <body>
    <a href="#" onclick="doClick();">请点击我</a>
  </body>
</html>
 
分享到:
评论

相关推荐

    IE8的JavaScript点击事件(onclick)不兼容的解决方法

    在标准模式下,IE8及以下版本不支持通过`setAttribute`直接为元素添加事件监听器,这与现代浏览器如Chrome和Firefox存在差异。为了确保兼容性,通常推荐使用`addEventListener`方法为元素添加事件监听器,但由于IE8...

    调用innerHTML之后onclick失效问题的解决方法

    总的来说,解决`innerHTML`后`onclick`失效的问题,可以采取以下策略: - 使用`innerText`或`textContent`替换文本内容,而不是`innerHTML`,但这不适用于包含HTML标签的情况。 - 使用`DOM操作方法`如`appendChild`...

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

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

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

    这种方法既可以防止页面跳转,又可以确保`onclick`事件在IE6下得到执行,同时保持代码的清晰和整洁。然而,随着现代浏览器的普及,尽可能地升级用户的浏览器版本或使用现代前端框架进行开发,可以避免类似IE6这样的...

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

    本文将深入探讨一个常见的问题,即`window.location.href`在IE下跳转失效的问题及其解决方案。 `window.location.href`是JavaScript中的一个属性,用于获取或设置当前页面的URL。当你将其赋值为新的URL时,浏览器...

    在IE6下 a标签添加行间onclick事件导致页面跳转失败原因分析

    NULL 博文链接:https://rogerfederer.iteye.com/blog/1938624

    eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

    本文将深入探讨在Internet Explorer 8(以下简称IE8)环境下,eWebEditor编辑器按钮失效的问题及其解决方案。 ### eWebEditor简介 eWebEditor是一款功能强大的网页在线编辑器,广泛应用于CMS系统、博客系统、论坛...

    完美解决IE9浏览器出现的对象未定义问题

    这个标签告诉IE9模拟IE8的渲染引擎,以解决可能出现的兼容性问题。然而,这种方法并不总是完美的解决方案,因为它可能会引入其他IE8特有的问题,而且不是长久之计。对于长期的解决方案,最好是修改代码以适应更现代...

    IE6用setAttribute添加事件无效

    标题“IE6用setAttribute添加事件无效”涉及到的是一个在JavaScript编程中常见的问题,尤其是在处理旧版Internet Explorer(尤其是IE6)浏览器时。在现代浏览器中,`setAttribute`方法可以方便地为HTML元素添加属性...

    js跳转问题解决方式

    在处理JS跳转问题时,我们通常会遇到几种常见情况,如使用`window.location`对象、`location.href`、`a`标签的`onclick`事件以及表单提交等。下面将详细介绍这些知识点及其解决方法。 1. `window.location`对象 `...

    jquery动态改变onclick属性导致失效的问题解决方法

    然而,当使用jQuery这样的JavaScript库来动态地改变元素的" onclick "属性时,有时会出现点击事件失效的问题。这个问题在不同的浏览器中的表现也会有所不同,尤其在旧版的Internet Explorer浏览器中表现更为明显。...

    彻底解决IE7、IE8、IE9下eWebEditor在线编辑器上按钮无效的解决方法.txt

    通过上述方法,我们可以有效地解决IE7、IE8、IE9环境下eWebEditor在线编辑器按钮失效的问题。这些修改不仅提高了编辑器在老旧浏览器中的兼容性,还增强了整个系统的稳定性和用户体验。在实际应用过程中,根据具体...

    前端设计IE6IE7IE8IE9FF问题汇总IE和FirFox兼容问题[参照].pdf

    本文主要讨论了在Internet Explorer(IE)6、7、8、9以及Firefox之间存在的若干常见问题及其解决方案。以下是一些关键知识点的详细解释: 1. **document.form.item 问题**:在IE浏览器中,可以使用`document.form...

    IE6 hack for js 集锦

    此外,IE6在使用JavaScript进行页面跳转时,尤其是在a标签的onclick事件中调用`window.location.href = url;`方法时,有时会遇到跳转失效的问题。为了解决这个问题,需要在执行跳转的语句后面加上`return false;`,...

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

    总结来说,解决location.href在IE6中不跳转的问题,除了考虑标签的href属性值设置外,还需要注意在JavaScript函数中合理使用return语句。通过以上讨论,我们可以了解到在不同浏览器环境下进行页面跳转时,如何编写...

    解决Layui中templet中a的onclick参数传递的问题

    以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开详情页的功能。 [removed] [removed];' bfnclick='showContent({{d.CONTENT}})'&gt;查看内容 [removed] ... 于是改成下面的形式解决问题。 &lt;script type=

    onClientclick 失效问题.rar

    今天在开发过程中发现一个问题,在asp:Button按钮属性Enabled="false"时,也就是按钮变类状态。如果通过javascript来启用按钮的,也就是它的disabled=false。按钮变为可用,但当点击时无法触发onclientclick事件,...

Global site tag (gtag.js) - Google Analytics