根据浏览器不同设置CSS

2012/11/13 07:42:26作者：佚名来源：网络

移动端

【实例名称】

根据浏览器不同设置CSS

【实例描述】

不同的浏览器在同样的CSS下显示效果可能不同，有时候为了保证界面的一致性，需要根据浏览器的不同设置相应的CSS。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script language=javascript> 
if ((navigator.appName == "Microsoft Internet Explorer") && 
(parseInt(navigator.appVersion) >= 4))
{
      document.write('<link rel=stylesheet type="text/css" href="ie.css">')
 //IE浏览器下的样式
}
else {
      document.write('<link rel=stylesheet type="text/css" href="ns.css">')
//Netscape下的样式
}
</script>
</head>
<body>
</body>
</html>

【难点剖析】

本例并没有给出代码中使用的“ie．css”和“ns．css”样式表。只是说明了如何通过“naVigator．appName”属性判断浏览器的类型，然后使用“link rel”动态指定浏览器应该加载的Css样式表。

【源码下载】

为了JS代码的准确性，请点击：根据浏览器不同设置CSS 进行本实例源码下载

标签：