JS根据 IE,FireFox,Chrome浏览器调用不同的css样式

最新推荐文章于 2022-07-20 11:24:49 发布
最新推荐文章于 2022-07-20 11:24:49 发布
阅读量1.6k 收藏
点赞数
分类专栏： javascript jquery

<head><link href="/css/page.css" rel="stylesheet" type="text/css" /></head>//此位置是根据浏览器要更改的Css样式

把js放在<head>中

<script type="text/javascript">
    var version = navigator.userAgent;
    if (version.indexOf("MSIE") > 1) {
        //判断是IE浏览器
        document.getElementsByTagName_r("link")[0].href = "/css/IEPage.css"; //0是标签为link的标签，（即上面的Link标签中的内容）href是要CSS文件的路径.
    }
    else if (version.indexOf("Chrome") > 1) {
        document.getElementsByTagName_r("link")[0].href = "/css/ChromePage.css";
    }
    else if (version.indexOf("Firefox") > 1) {
        document.getElementsByTagName_r("link")[0].href = "/css/FireFoxPage.css";
    }
</script>

这样就ok了

coder_up
关注
专栏目录
不同类型的浏览器调用不同的CSS(条件CSS与JS)
dongxinxi的专栏
07-30 8224
 介绍 毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。基本用法条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该
为ie和chrome单独设置样式的方法
09-25
如何单独为ie和chrome设置样式，做浏览器兼容的朋友一定要知道的，下面是将经验与大家分享下
css中“border”在chrome与ie中的不同
北北北的专栏
05-22 2838
今天在研究css的盒模型问题，本意是想测试css中关于margin、pading、border与width、height的关系。 但是无意中发现边框的大小在谷歌的chrome与微软的ie中认定是完全不同的。 html代码如下： #ceshi1{ width:300px; height:300px; background:#ccc; margin:30px;
根据不同浏览器调用不同css解决兼容问题
weixin_30530939的博客
03-30 309
门户网站建站，首先要解决的就是前台兼容问题 <html xmlns="http://www.w3.org/1999/xhtml" ><head><title>标题页</title><script language=javascript> if ((navigator.appName == "Microsoft Interne...
用Javascript动态的增加CSS样式的方法
xiaoweids的博客
07-20 1241
IE下，我们可以使用document.createStyleSheet()方法；而在非IE浏览器上，就不支持这个方法。但这种方法却在Safari、Chrome下不可行，原因是style.innerHTML不可写。我再找解决方案，发现用textContent代替innerHTML的方法可行。为了节省代码和写出更兼容的代码，有时我们需要用Javascript动态的增加CSS样式。catch(e){//Firefox,Opera,Safari,Chrome下可行。try{//IE下可行。...
各种浏览器的Hack写法(chrome firefox ie等)
suwu150
10-23 1826
如下面所示代码,将会在火狐浏览器和谷歌浏览器中有不同的表现<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 300px; height: 300px;
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
12-09
标题提及的"百度Popup.js弹出框进化版"是一个经过改进的JavaScript库，主要用于创建具有拖拽功能的弹出窗口，同时解决了在不同浏览器（包括IE6、7、8，Firefox，Chrome）上的兼容性问题，特别是针对遮罩层全屏显示的...
chrome浏览器实现打印预览打印功能.zip
01-06
此外，针对不同的浏览器兼容性问题，例如IE、Firefox和Google Chrome等，开发者可能需要编写特定的JavaScript代码来处理。`js 打印DIV内容 print div 兼容IE FF Google等主流浏览器 -打印指定区域内容.url`这个链接...
js写的可展开收缩的QQ在线客服代码，兼容IE8-10，Chrome，Safari，Firefox等主流浏览器.rar
06-29
该压缩包包含的是一个使用JavaScript编写的QQ在线客服系统，其特点是支持在多个主流浏览器上运行，包括较为老旧的Internet Explorer 8至10，以及现代的Chrome、Safari和Firefox。JavaScript是一种广泛用于网页开发的...
百度Popup.js弹出框可拖拽小框架进化版，兼容IE678,Firefox,Chrome.zip
最新发布
11-01
这个“进化版”应该是对原版本进行了升级和优化，以更好地适应不同的浏览器环境，包括老版本的Internet Explorer（IE6、IE7、IE8），以及Firefox和Chrome等现代浏览器。此插件的核心特性是其拖拽功能，让用户可以...
css样式兼容不同浏览器问题解决办法
少说话,多做事!
10-31 2264
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 h
js修改html中classname,js中设置元素class的三种方法小结
weixin_28807529的博客
06-03 962
一、el.setAttribute('class','abc');setAttribute('class', 'abc').abc {background: red;}test divvar div = document.getElementById('d1');div.setAttribute("class", "abc");IE6/7 : div背景色不是红色IE8/9/10/Firefox/...
js 给html 添加 样式吗,js怎么添加css样式？
weixin_39848007的博客
06-17 1296
在开发网页时，有时不想通过CSS源文件来添加网页元素的CSS样式代码，这时，我们可以通过JS来添加这些元素的CSS样式。那么怎样通过JS来为网页元素添加CSS样式呢？js怎么添加css样式？下面举一个简单案例：方法一：var head= document.getElementById("box"); //获取到id为box的div标签元素。head.style.width = "70px"; //...
IE\firfox\chrome的差异和兼容问题
......
02-26 7041
一、 IE\firfox\chrome的差异 以及在html\css\js上的兼容问题(上)
js找css选择器,js 实现css风格选择器（压缩后2KB）
weixin_32705179的博客
08-04 232
近日在做一些OA前端界面，为了更好管理页面代码想写个js选择器，写着写着发现很费力，索性在网上找找看，功夫不负有心人， 找到一个mini css选择器，且性能不凡：以下代码是压缩后的，仅2KB。var $=(function(){var b=/(?:[\w\-\\.#]+)+(?:\[\w+?=([\'"])?(?:\\\1|.)+?\1\])?|\*|>/ig,g=/^(?:[\w\-_]...
Ie浏览器和其它浏览器设置不同的css样式
Wcharles666的博客
07-23 1338
@媒体查询 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #breadcrumb { z-index: auto !important; } }
jstree在chrome浏览器中显示的排序与其他浏览器（firefox,IE）显示不一致
u010999809的博客
11-06 924
jstree在chrome浏览器中显示的排序与其他浏览器（firefox,IE）显示不一致 通过google搜索，发现有大神已经把这个bug给解决了，只要修改jquery.jstree.js文件 图片地址：https://github.com/vakata/jstree/commit/9c41e435d5aee9647e26500200e30b359bb96ae0?diff=unified
firefox custom css,自定义FireFox的样式，火狐CSS样式使用教程
weixin_36027833的博客
08-03 2383
自定义火狐的样式，通常是通过CSS代码来实现的，那么这些CSS代码怎么使用才能让火狐浏览器按着自己的意图改变它的样式呢？这些CSS代码的一般是通过两种方式来使用的，一是由Stylish扩展来加载它们，让它们生效；另一个是通过火狐配置目录/Chrome文件夹下的(地址栏打开about:support，点击“显示文件夹”)userChrome.css文件来加载使用它们；下面由狐武库制作简单教程，力图让...
JavaScript实现表格排序：兼容IE, Firefox, Opera, Chrome
4. **兼容性**：此脚本特别指出兼容IE、Firefox、Opera和Chrome浏览器，这意味着它考虑到了不同的浏览器对JavaScript和CSS支持的差异，确保在这些主流浏览器上都能正常工作。 5. **事件处理**：JavaScript可能使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值