简明现代魔法 -> JavaScript -> 根据浏览器设置相应的CSS

根据浏览器设置相应的CSS

2010-04-01

做过前端开发的应该都会对浏览器兼容问题抓过头吧,这里有一种方法,可以根据用户使用的浏览器判断使用何种CSS,同样,你也可以根据用户登录的时间,显示白天,夜晚或者凌晨,这样可以使你的网站更加人性化。

<link href="" rel="stylesheet" type="text/css" id="link"/>
<script type="text/javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE") >= 1)
{
//如果浏览器为IE
	setActiveStyleSheet("ie8.css");
}
if (window.navigator.userAgent.indexOf("Firefox") >= 1)
{
	//如果浏览器为Firefox
	setActiveStyleSheet("firefox.css");
}
else
{
	//如果浏览器为其他
	setActiveStyleSheet("other.css");
}
function setActiveStyleSheet(title) 
{
	document.getElementsByTagName("link")[0].href = "url/" + title;
}
//-->
</script>
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="url/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="url/ie7.css" />
<![endif]-->

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们