软件学堂

网游分类软件分类

根据浏览器不同设置CSS

2012-11-13 来源:网络

【实例名称】

根据浏览器不同设置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 进行本实例源码下载 

上一篇:如何实现动态修改CSS的样式
下一篇:JS实现汉字按拼音排序

相关文章