如何判断当前浏览器的类型(IE和FF)然后调用不同的css？

最新推荐文章于 2021-06-07 11:48:57 发布
最新推荐文章于 2021-06-07 11:48:57 发布
阅读量993 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： 浏览器 css ie microsoft
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/luochengzh/article/details/6327322
本文提供了一段用于检测用户浏览器类型的JavaScript脚本代码，通过解析navigator.appVersion来判断当前浏览器是否为Netscape或Internet Explorer，并据此进行不同的处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script>
if (parseInt(navigator.appVersion.charAt(0))>=4){
    var isNN=(navigator.appName=='Netscape')?1:0;
    var isIE=(navigator.appName.indexOf('Microsoft')!=-1)?1:0;
}
if (isNN)  {

    ...
}

if (isIE)  {

    ...
}
</script>

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样式
js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
10-25
这篇文章主要介绍了使用JavaScript代码如何判断当前用户使用的浏览器种类（IE、Firefox、Opera、Safari、Chrome）以及它们的版本。以下是详细介绍： ### 判断浏览器种类及版本的方法 #### 方法一：只区分浏览器...
根据IE版本不同调用不同CSS样式文件
资料库
05-24 307
在webjx.com的文章中，并不提倡这样的方法，但是依然有很多CSSer会用到，这个资料保存在这里，以备大概查阅，请注意，不到不得已，请不要使用此方式。 &lt;!--[if lte IE 6]&gt; &lt;LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /&gt; &lt;![endif]--&..
根据IE和FF加载不同css样式文件
j277699931的博客
11-13 396
$(function() { if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) { //ie jQuery("head").append(""); a = jQuery("head").children(":last");
css判断ie版本才引用样式或css文件
热门推荐
細水、長流√的专栏
06-20 1万+
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 如: 或 .header-menu>li{ color:#fff; } ![en
判断是否是IE，加载不同css样式
spt_dream的博客
06-29 701
我最终选择第一第二种结合的方式判断全部类型 第一种方法，初始化方法中判断，然后获取头部添加样式连接。但是经过测试，IE9以上才好用 function ifIE(){ if (window.ActiveXObject || "ActiveXObject" in window){ var headHTML = document.getElementsByTagName('head')[0].innerHTML; headHTML += ' <link ...
FF浏览器和IE下载文件乱码问题的解决方法
09-05
为了解决不同浏览器间的不兼容问题，我们可以编写一个工具类（如提供的`OfficeUtil`），该类能够根据用户代理（User-Agent）字符串判断当前浏览器类型，并相应地编码文件名。 4. **`OfficeUtil`类详解：** - `...
调用js时ie6和ie7，ff的区别
12-08
本文将探讨在调用JavaScript时，Internet Explorer（IE）6、IE7以及Firefox（FF）之间存在的差异，特别是在处理`<a>`标签及其事件触发上的不同。 首先，让我们看一个常见的HTML锚点元素`<a>`的用法，它通常用于链接...
JavaScript兼容浏览器FF/IE技巧
10-21
由于浏览器的差异性，相同的JavaScript代码可能在Internet Explorer（IE）和Mozilla Firefox（MF/FF）中表现不一致。为了确保用户体验的一致性以及减少技术问题带来的客户投诉，掌握一些JavaScript兼容性处理技巧是...
CSS 判断IE并执行样式
localhost
06-01 1458
各种浏览器对于不同元素常常有不同的表现，为了让各浏览器表现一致，需要判断是否为IE，如果为IE则执行特定的样式设置，例： .linkInput{ width: 259px; height: 22px; width: 255px \9; //后加 "\9"则兼容所有IE版本，IE下执行的样式，其他浏览器忽略 height: 20px \9; }
如何在ie中检查html样式,css各种样式实现IE浏览器条件判断代码
weixin_30317869的博客
06-07 219
这段代码用来判断ie的版本，不同的版本调用不同的样式According to the conditional comment this is Internet ExplorerAccording to the conditional comment this is Internet Explorer 5According to the conditional comment this is Int...
获取样式，设置样式（包括CSS3），获取浏览器类型
weixin_33841722的博客
02-05 157
function getBroswerType(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)...
判断浏览器是微信还是其他的浏览器
mosowe
07-04 999
function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { localStorage.setItem('is_weixin', '1'); }...
怎么判断设备加载不同的js脚本
木易一
03-11 1023
Navigator 对象包含有关浏览器的信息。 在控制台输出navigator对象，我们可以看到 Navigator 对象属性 属性 描述 appCodeName 返回浏览器的代码名。 appMinorVersion 返回浏览器的次级版本。 appName 返回浏览器的名称。 appVersion 返回浏览器的平台和版本信息。 brows...
Javascript判断浏览器是IE还是FF
weixin_30788239的博客
11-24 90
浏览器的问题永远是搞Web开发程序员的痛,我们通常都要花很多时间去写很多不同的代码去支持部各个的浏览器...我感受颇多呀...如果你应用不复杂,可以用我的方法,呵呵...很简单...方法如下: (关键代码)varbrowser;//用于记录浏览器类型(IE/FF)if(document.all)browser="InternetExplorer";elsebrowser...
如何根据不同的浏览器写不同的css样式达到兼容
dianyancheng0711的博客
09-16 566
做前端静态页面的时候总是发现，ie的兼容性很差，总会出点问题。然后就去改代码 ，改完以后 又发现 火狐 谷歌又挂了，这可咋整。 后来发现做个判断吧 哪里有问题哪里就做个判断呗 ，咋判断呢，这么判断。 <!--[if lte IE 6]> <![endif]--> IE6及其以下版本可见，就是ie5,ie4.。。的话 就调用这个css。 ...
条件CSS
diaoqiu7578的博客
03-12 256
介绍 毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。 基本用法 条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用...
JS解析XML实例兼容FF和IE浏览器下载
为了兼容两者，开发者可能需要判断浏览器类型，然后调用相应的对象和方法。 3. **使用第三方库**：许多第三方库如jQuery、Dojo等提供了跨浏览器的XML解析能力，这些库通常封装好了兼容性的细节，可以简化开发过程。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值