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

最新推荐文章于 2020-11-27 16:32:34 发布
最新推荐文章于 2020-11-27 16:32:34 发布
阅读量306 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/xred/archive/2012/03/30/2424907.html
版权

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

<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">

    <!--

function getOs() {

    var OsObject = "";

   if(navigator.userAgent.indexOf("MSIE")>0) { 

        return "MSIE";

   }

   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){

        return "Firefox";

   }

   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {

        return "Safari";

   } 

   if(isCamino=navigator.userAgent.indexOf("Camino")>0){

        return "Camino";

   }

   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){

        return "Gecko";

   }

  

}

 alert("您的浏览器类型为:"+getOs());

    -->

</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

转载来自网络 

转载于:https://www.cnblogs.com/xred/archive/2012/03/30/2424907.html

自我修炼的小石头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js判断是pc判断浏览器调用不同css样式
07-18
function getBrowser() { var i = window.navigator.userAgent; var isChrome = i.indexOf("Chrome") && window.chrome; var issafari=i.indexOf("safari") && window.safari; if(isChrome){ return "chrome"; }else if(issafari){ return "safari"; }else{ return "unkown"; } } var linkNode = document.createElement("link"); linkNode.setAttribute("rel", "stylesheet"); linkNode.setAttribute("type", "text/css"); if(getBrowser()=="chrome"){ linkNode.setAttribute("href","css/chrome.css"); }else if(getBrowser()=="safari"){ linkNode.setAttribute("href","css/safari.css"); }else{ linkNode.setAttribute("href","css/firefox.css"); } document.head.appendChild(linkNode); } js判断不同浏览器内核调用不同css样式
根据不同浏览器加载不同css文件
07-22
资源名称：根据不同浏览器加载不同css文件资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
在不同的浏览器使用不同的css样式,解决浏览器兼容问题
weixin_34236869的博客
12-07 286
    区别IE6与FF：       background:orange;       *background:blue;    区别IE6与IE7：       background:green !important;       background:blue;    区别IE7与FF：       background:orange;        *background:green;  ...
如何让不同浏览器调用不同的CSS样式
weixin_34419326的博客
05-15 216
如何让不同浏览器调用不同的CSS样式 由 于对W3C标准支持程度的不同，往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭。以目前市场占有率最高的两个浏览器Microsoft Internet Explorer和Mozilla Firefox为例，前者对标准的支持明显不如后者，网页设计人员不得不花费大量的时间和精力来调整代码以保持网页在二者中呈现的一致性——这是件非常痛 苦的事情，顾此...
IE(6以下)与谷歌等浏览器使用不同的css属性渲染(!important)
chd_sun的博客
11-27 331
项目中遇到在IE中启动的项目页面正常，但是换成谷歌浏览器则页面显示的混乱。这种情况是由于浏览器的不同，其css属性的渲染也不同。项目是IE6以下的项目,IE6以上是识别此属性的 解决办法：根据不同的浏览器选用不同的css属性来渲染，下面是简单的一种方法 //!important 这个方法谷歌等其他浏览器才识别，IE6以下是识别不了此属性 height:70%!important;//谷歌等浏览器的渲染属性 height:100%;//IE6不识别上面的属性，只识别不含有!important的属性 ...
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
10-31
### 知识点详解：根据判断浏览器类型及屏幕分辨率自动调用不同CSS的代码 在Web开发中，针对不同浏览器和不同的屏幕分辨率提供定制化的样式表（CSS）是一种提升用户体验的有效方式。本文将深入探讨如何通过...
浏览器兼容.doc-CSS hack姐姐兼容性问题
03-08
解决浏览器兼容性问题的一种主要方法是CSS Hack。CSS Hack是指针对不同浏览器编写特定的CSS代码，使同一段CSS在各个浏览器中都能得到预期的效果。例如，IE6能识别下划线 "_" 和星号 " * "，而IE7仅识别星号，Firefox...
javascript解决innerText浏览器兼容问题思路代码
10-27
总的来说，处理innerText的浏览器兼容问题需要理解其内在的行为差异，并根据实际需求选择合适的解决方案。在编写代码时，可以结合使用innerText、textContent、innerHTML等属性，以及自定义的遍历函数，以适应不同的...
判断浏览器类型屏幕分辨率自动调用不同CSS的代码
09-24
此脚本提供了一种基于浏览器类型和屏幕分辨率动态加载不同CSS文件的方法，对于了解早期Web开发中如何解决浏览器兼容性和设备适配问题具有一定的参考价值。然而，在现代Web开发实践中，更推荐使用响应式设计和前端...
不同浏览器跳转.rar
11-24
标题“不同浏览器跳转.rar”涉及的是一个技术问题，即如何在不同的Web浏览器之间进行切换，特别是从Google Chrome浏览器调用Internet Explorer（IE）浏览器，反之亦然。这通常是由于某些网页或应用需要特定浏览器的...
根据不同的浏览器调用不同的CSS设置[网页特效]
05-29
根据不同的浏览器调用不同的CSS设置[网页特效]! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
根据分辨率不同，调用不同的css文件
12-12
dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted” cellSpacing=0 cellPadding=6 width=”95%” align=center border=0>  [removed]  <!–  if (window.navigator.userAgent.indexOf(“MSIE”)>=1)  {  var IE1024=””; 
webpack实现css样式对不同浏览器的兼容
weixin_41604040的博客
10-26 1272
webpack实现css样式对不同浏览器的兼容1.安装指定版本的 postcss-loader 和 postcss-preset-env2.配置webpack.config.js3.在项目文件的package.json中配置browserslist4. 选择process.env.NODE_ENV5.测试兼容后的代码 众所周知，css在不同浏览器中的兼容性问题是一个十分令人头痛的问题，而用webpack工具中的postcss 就可以将打包好的css文件写成兼容一些老浏览器的css 环境： "devDep
JS根据 IE,FireFox,Chrome浏览器调用不同的css样式
王继超的专栏
04-02 1617
//此位置是根据浏览器要更改的Css样式 把js放在中     var version = navigator.userAgent;     if (version.indexOf("MSIE") > 1) {         //判断是IE浏览器         document.getElementsByTagName_r("link")[0].href = "/css/
css针对（各大浏览器、各版本）调兼容
weixin_30855761的博客
04-27 228
ie6\ie7\firefox之下各自识别的CSS符号 #1 { color: #333; } /* firefox */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。...
根据浏览器不同加载不同的css实现兼容
高先生的猫
06-07 1345
浏览器有IE阵营、火狐阵营、谷歌阵营、苹果Safari阵营，特别是IE系列，更是有各种版本兼容问题，由于其他浏览器都能轻易升级到新版，而只有IE升级麻烦，高版本的IE甚至需要高版本系统的支持，低版本的系统根本装不了高版本的ie浏览器。 实际工作中浏览器的兼容性主要在于ie浏览器各种版本之间的兼容问题。 要根据浏览器不同加载不同的css实现兼容有很多方式，ie的条件注释实现不同浏览器加载不同css样式的方法 使用ie的条件注释区分不同浏览器 <!--[if lte IE 6 ]> <h.
JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件
热门推荐
方寸之间
12-01 1万+
JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件 function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; var isFi
条件CSS
diaoqiu7578的博客
03-12 199
介绍 毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。 基本用法 条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用...
css中图片路径，以及在不同浏览器的兼容问题
hd12081224的博客
12-15 1875
关于CSS中使用相对路径获取的图片在不同浏览器中显示情况差异的问题。
"解决浏览器兼容性问题的主要方法：CSS hack简介
此外，还可以使用浏览器兼容性库（例如Normalize.css）来统一不同浏览器的默认样式，减少兼容性问题。 总而言之，浏览器兼容性问题是网页开发中不可避免的挑战，而CSS hack则是解决这一问题的常用方法之一。然而，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值