码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-05-09 18:46:48      阅读:356      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   http   

切页面时有时用链接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

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

标签:style   blog   class   code   java   http   

原文地址:http://www.cnblogs.com/snandy/p/3706874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!