仅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>

 

posted on   snandy  阅读(1910)  评论(3编辑  收藏  举报

编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
历史上的今天:
2011-05-05 跨域请求之JSONP 三
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示