怎样用JS判断各浏览器调用各自的css文件?

来源:百度知道 编辑:UC知道 时间:2024/06/22 13:41:54
我做html页面,老是遇到各浏览器不兼容的问题,烦死了。
我想,可不可以用JS判断用户使用什么内核的浏览器然后自动调用自己的CSS文件?

例如:
如果用IE浏览器的,就用JS判断给它使用 <link href="css/ie.css" type="text/css" rel="stylesheet">
如果用火狐FF的,JS又自动给使用 <link href="css/ff.css" type="text/css" rel="stylesheet">

当然可以了,
在页面里直接这样写就行
<!--[if IE]><link type="text/css" rel="stylesheet" href="style_ie.css" /><![endif]-->

具体的文章如下:
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。

通俗点,条件注释就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:

<!--[if IE]>
这里是正常的html代码
<![endif]-->

1,条件注释的基本结构和HTML的注释(<!-- -->)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
2,IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
3,条件注释使用的是HTML的注释结构,因此他们只能使用在HTML文件里,而不能在CSS文件中使用。

可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)

<!--[if IE]>
<h1>您正在使用IE浏览器</h1>
<!--[if IE 5]>
<h2>版本 5</h2>
<![endif]-->
<!--[if IE 5.0]>
<h2>版本 5.0</h2>
<![endif]-->
<!--[if IE 5.5]>
<h2>版本 5.5</h2>