zoukankan      html  css  js  c++  java
  • 仅IE6中链接A的href为javascript协议时不能在当前页面跳转

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

    • 鼠标放上时默认有手状效果(不用添加cursor:pointer)
    • 可以添加低版本IE都支持的伪类

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

    <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中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,

    <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下没有问题,如下

    <p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
    <script>
        function jumpSina() {
            window.open( 'http://www.sina.com.cn')
        }
    </script>
    
  • 相关阅读:
    删除 AP 发票相关脚本
    js框架简明
    16 款最流行的 JavaScript 框架
    八款你不得不知的开源前端JS框架
    ExtJS面向对象
    js6类和对象
    js模拟类
    js实现继承
    Html中各种空格的显示
    常用快速原型设计工具大比拼、原型设计工具哪个好用
  • 原文地址:https://www.cnblogs.com/snandy/p/3706874.html
Copyright © 2011-2022 走看看