浏览器兼容性问题总结

最新推荐文章于 2022-12-05 01:47:32 发布

hua519076232

最新推荐文章于 2022-12-05 01:47:32 发布

阅读量524

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/hua519076232/article/details/17113411

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

背景：在前台开发中兼容性问题让往往比较头痛，下面总结一下

根据浏览器选择不同的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>