浏览器兼容性问题总结


  • 背景:在前台开发中兼容性问题让往往比较头痛,下面总结一下
  • 根据浏览器选择不同的CSS文件
    全选示例 :
    //////////////////在IE中采用的CSS////////////////////////
    <!--[if IE]>
    	<link rel="stylesheet" href="<c:url value="/style/login/css/base_ie.css"/>"
    		type="text/css" />
        <link rel="stylesheet"
    		href="<c:url value="/style/login/css/medicine_login_ie.css"/>"
    		type="text/css" />
    <![endif]-->
    
    /////////////////在其他浏览器中采用的CSS/////////////////
    <link rel="stylesheet" href="<c:url value="/style/login/css/base.css"/>"
    	type="text/css" />
    <link rel="stylesheet"
    	href="<c:url value="/style/login/css/medicine_login.css"/>"
    	type="text/css" />
    
  • 根据浏览器选择不同的js
    全选示例 :
    if(navigator.appName == "Microsoft Internet Explorer"){
        //在IE下调用的js,若没有版本上的要求,可以不区分,直接写js
        if(navigator.appVersion.match(/8./i)=='8.'){//IE8
            ...
        }else if(navigator.appVersion.match(/7./i)=='7.'){//IE7
            ...
        }else if(navigator.appVersion.match(/6./i)=='6.'){//IE6
            ...
        }
        
    }else{
        //在非IE下调用的js
    
    }
    
  • 根据语言不同选择不同页面
    全选示例 :
    <script language="JavaScript">
    var SysLan = window.navigator.systemLanguage; //取得浏览器版本语言
    if(SysLan == "zh-cn")window.location = ""; //中文页面
    if(SysLan == "en-us")window.location = ""; //英文页面
    </script>
阅读更多
个人分类: js
想对作者说点什么? 我来说一句

FF和IE的兼容性问题总结

2010年09月06日 28KB 下载

没有更多推荐了,返回首页

不良信息举报

浏览器兼容性问题总结

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭