判斷瀏覽器的不同加載不同css

<link href="index2/style2.css" rel="stylesheet" type="text/css" />
 <!--[if IE 6]><link href="index2/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
 <!--[if gte IE 7]><link href="index2/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="#" id="notIEcssId" rel="stylesheet" type="text/css"/>

<script type="text/javascipt" >

$(document).ready(function(){
         
 if( ! $.browser.msie) { 
        $("#notIEcssId").attr("href","notIEcss.css");
    });

</script>

jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，如果不想使用jquery，稍为修改下代码就可以为自己所用

jquery判断浏览器的源码(jquery1.31为例)

Js代码：

1. var userAgent = navigator.userAgent.toLowerCase();   
2.   
3. // Figure out what browser is being used   
4. jQuery.browser = {   
5.     version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],   
6.     safari: /webkit/.test( userAgent ),   
7.     opera: /opera/.test( userAgent ),   
8.     msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),   
9.     mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )   
10. };  

 

version---浏览器版本

msie----ie浏览器(Microsoft Internet Explorer)

mozilla-火狐浏览器

opera--opera浏览器