您的位置：首页 > Web前端 > CSS

根据不同浏览器调用不同css解决兼容问题

2012-03-30 11:27 841 查看

门户网站建站，首先要解决的就是前台兼容问题

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</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>

本篇文章来源于我爱编程网转载请以链接形式注明出处网址：http://www.bcw52.com/JSS/1049.html

navigator.userAgent.indexOf来判断浏览器类型

<script language="JavaScript">



</script>

if (window.XMLHttpRequest) { // Mozilla, Safari, ...

http_request = new XMLHttpRequest();

} else if (window.ActiveXObject) { // IE

http_request = new ActiveXObject("Microsoft.XMLHTTP");

}

当然你也可以导向不同的页面获取不同过的内容

<script type="text/javascript">
var sUserAgent = navigator.userAgent;
if ((sUserAgent.match(/iPad/i))) {
location = 'http://www.ifeng.com/ipad';
}
var mobileAgents = ['Windows CE', 'iPod', 'Symbian', 'iPhone', 'BlackBerry',

'Android'];
if (sUserAgent.indexOf('Android') > -1 && (sUserAgent.indexOf('ERD79') > -1 ||

sUserAgent.indexOf('MZ60') > -1 || sUserAgent.indexOf('GT-P7') > -1 || sUserAgent.indexOf

('SCH-P7') > -1)) {
} else {
if (location.href.indexOf('?pc') == -1) {
for (var i = 0; i < mobileAgents.length; i++) {
if (sUserAgent.indexOf(mobileAgents[i]) > -1) {
location = 'http://i.ifeng.com/?ch=ifengweb';
break;
}
}
} else {
location = 'http://www.ifeng.com/ipad';
}
}
var ads = [];
</script>

感谢:jude_lau

转载来自网络

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航