仅IE6中链接A的href为javascript协议时不能在当前页面跳转

切页面时有时用链接A来替代按钮,这样做有几个好处

  • 鼠标放上时默认有手状效果(不用添加cursor:pointer)

  • 可以添加低版本IE都支持的伪类

如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下

?





1

2

3

4

5

6

7

8

9

10

<p><a href="javascript:;"
onclick="jumpSina()">Sina</a></p>

<p><a href="javascript:void 0;"
onclick="jumpSohu()">Sohu</a></p>

<script>

    function
jumpSina() {

        location.href = http://www.sina.com.cn

    }

    function
jumpSohu() {

        location.href = http://www.sohu.com

    }   

</script>

IE6中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,

?





1

2

3

4

5

6

7

8

9

10

<p><a href="###"
onclick="jumpSina()">Sina</a></p>

<p><a href="#none"
onclick="jumpSohu()">Sohu</a></p>

<script>

    function
jumpSina() {

        location.href = http://www.sina.com.cn

    }

    function
jumpSohu() {

        location.href = http://www.sohu.com

    }   

</script>

如果把跳转方式改为window.open,则IE6下没有问题,如下

?





1

2

3

4

5

6

<p><a href="javascript:;"
onclick="jumpSina()">Sina</a></p>

<script>

    function
jumpSina() {

        window.open( http://www.sina.com.cn)

    }

</script>

仅IE6中链接A的href为javascript协议时不能在当前页面跳转,布布扣,bubuko.com

时间: 2024-11-05 02:37:37

仅IE6中链接A的href为javascript协议时不能在当前页面跳转的相关文章

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click失效

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click事件,如果有form表单提交或跳转等事件,会失效!举例: <a id="id_back" href="javascript:void(0);" title="返回管理">返 回</a> $("#id_back").click(function(){         $("#id_frm").

MPLS VPN中PE和CE之间使用ospf协议时的几点问题续

问题3:双宿主PE路由重分发时的路由防环机制 如上图所示:当前缀100:1:5.5.5.5 以LSA3的方式进入PE路由器R4和R7后,就会被设置下u游比特位,下游比特位用来表明已经被通告的路由的方向.当R6将5.5.5.5通告给同给同区域的 PE路由器时,PE路由器看到下游比特位被设置,就不会将前缀5.5.5.5再通告进BGP,以此来防止路由LSA3类型的路由环路. 如果是LSA5的外部路由,可以在PE路由器上设置domain-id,或者使用默认的domain-ID,当处于同一个区域的PE路由

&lt;a&gt;标签中data-target属性和href属性同时存在时,需要注意的问题

bootstrap中 通过data属性 在链接或按钮上添加 data-toggle="dropdown" 激活下拉项. 为了保持URL完整, 使用 data-target 属性代替 href="#". 详见http://bootstrap.kinghack.com/javascript.html#dropdowns

【应用】如何使用 element-ui 之 NavMenu 导航菜单 中 的 router 属性(在激活导航时以 path 进行路由跳转)

效果图: 使用: 1.<template> <el-header style="height: 61px" > <el-menu mode = "horizontal" background-color = "#76c7f4" text-color = "#000000" active-text-color = "#ffffff" border-bottom = "n

关于IE6中做兼容的那点事。

前言 对于程序员来说,一听到你做的程序必须兼容IE6(当然主流浏览器肯定得兼容的),那颗滚烫的心瞬间哇凉哇凉的,但是有时,项目就要求这样,你也只能硬着头皮跟IE6来个亲密接触,最近正好做了个项目,关于兼容IE6,真是废了点功夫,特此记录一下,方便以后查阅,也方便以后园友遇到同样问题可以参考一下. 正文 I.png透明图片不支持透明. 简介:项目中运用一部分png图片,在IE7以上,火狐,谷歌均是正常显示,但在IE6中,PNG图片背景出现差异,有时纯黑,有时纯白,有时纯灰等等,而不是透明,经过一番

IE6—在链接click事件的响应函数中发送jsonp请求不生效

1 $("#link").click(function(){ 2     $.ajax({ 3         type: 'GET', 4         dataType: 'jsonp', 5         url: 'http://test.local.com/getdetail', 6         data:{id:1}, 7         success: function(response){ 8             //IE6不执行 9           

JavaScript在IE6下超级链接window.location.href不跳转的bug 及 解决方案

今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location.href”. 当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在“window.location.href”后面加一个"return false",

关于ie6中使用css滤镜[_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&#39;images/*.png&#39;,sizingMethod=&#39;scale&#39;)]后链接无法点击的问题

RT,我做的一个效果是试用png图做背景,通过_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/*.png',sizingMethod='scale');来实现,但是使用这个滤镜后,ie6下面的链接.按钮等都失效,无法点击网上搜索很多都是通过给链接加上position:relative;解决 不知道是我ie6绿色版本问题还是其他原因,我代码中加上这句无效…… 另:png透明的层我设置了绝对定位,貌似这个导

a标签中的href:JavaScript:void(0) # 等

参考自:http://segmentfault.com/q/1010000000339082 给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它 这个<a>标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本上我们就用不上这个标签的默认行为,也连接