`
mr.a
  • 浏览: 93336 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

根据IE版本加载不同样式表的2种方法

 
阅读更多

第一是使用HACK 即Conditional comments,格式为: <!--[if IE]>...<![endif]--> 详情见 http://zhanjia.iteye.com/blog/369023 

这种写法只有IE能够识别,就是说这种方法只能用来判断IE版本(当然对于加载样式表这件事已经足够了)。


第二种是通过JavaScript判断浏览器类型,然后在页面动态生成<link>元素。好处是可以判断各种不同的浏览器类型。

具体就是通过

1. navigator.userAgent[.toLowerCase()] 得到当前客户端的名称 然后用正则test一下;

2. document.createElement('link') appendChild到head或者body

代码如下var userAgent = funciton() {//此处省略500字}

if(userAgent .isIE()) {

    var style = document.createElement('link');
    style.rel = 'stylesheet';
    style.type = 'text/css';
    style.href = '***';  // css的路径

    document.body.appendChild(style);

}

 

分享到:
评论

相关推荐

    javascript判断ie浏览器6/7版本加载不同样式表的实现代码

    ie6/ie7的兼容问题很让人苦恼,我们可以针对这两个版本的浏览器单独写独立的样式表,来解决兼容问题。这里的例子以判断ie6与ie7来加载不同的样式表

    如何只在IE上加载CSS样式表

    前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示,使用外部样式表。 &lt;!--[if IE]&gt; &lt...

    javascript 动态样式添加的简单实现

    2.createModule方法用于创建一个style样式表的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行style.styleSheet.cssText兼容IE添加style的样式内容。 &lt;button id="demo"&gt;css文件&lt;/...

    ie-base64-protector:自动复制样式表中的样式,附加自定义选择器并为 grunt-image-embed 添加忽略注释标志

    IE base64 保护程序 此任务复制样式表中的样式,附加自定义选择器并为添加忽略注释标志。 由 Dean James 创建 ( )入门使用以下命令安装此插件: npm install ie - base64 - protector 接下来,将此行添加到项目的 ...

    JS函数实现动态添加CSS样式表文件

    先给出函数。 代码如下: varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ ...+”v1″){//增加自动转换透明度功能,用户只需输入W3C的透明样式,它会自动转换成IE的透明滤镜 vart=cssCode.match(/op

    IE8样式不正确显示问题

    在&lt;head&gt;里添加&lt;meta http-equiv="X-UA-Compatible" content="IE=7" /&gt;即可 注意要添加在引入样式表&lt;link href="../css/css.css" type="text/css" rel="Stylesheet" /&gt;的前面

    requireOnce.js:用于按需加载 javascript、样式表和标记的 JavaScript 库。 跨浏览器兼容

    要求一次用于按需加载 javascript、样式表和标记的 Javascript 库。 基于确保库,但重写并提高了与现代设备和浏览器的兼容性。 在 IE6、IE7、IE8、IE9、Safari、Chrome、Firefox、Opera 上测试。 requireOnce 试图...

    cookie和dom操作调用样式表实现网页换肤

    原理:通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤. 换肤示例下载:sour.rar Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. &lt;link href=css/main0.css rel=...

    CSSLoader:RequireJS 插件,用于可靠地加载和等待 css 文件

    加载和等待 css 文件的主要问题实际上不是“加载”(我发现只有 IE 31 样式表限制有问题,如下所述),而是“等待”样式表何时下载并在 DOM 中可用。 这将和进一步描述。 方法 在查看了现有的插件和方法后,我得出...

    使用Mootools动态添加Css样式表代码,兼容各浏览器

    但是这样做就不利于插件... if(Browser.ie){ Sty.styleSheet.cssText=c; }else{ var Frag=document.createDocumentFragment(); Frag.appendChild(document.createTextNode(c)); Sty.appendChild(Frag); } document.get

    CSS横向下拉菜单(兼容IE6)

    CSS驱动的横向下拉菜单(改进版) 由于我的IE是IE7的,所以起初没有...即只有IE才去下载它,其他浏览器不会浪费带宽去下载它,其缺点是:behavior声明无法通过样式表的验证。可以将之转移到一个单独的样式表文件,然

    X3BLOG 多用户版 1.0.0 beta2

    敬请期待) * 修正了后台管理中删除项目不自动填充数据的bug * 解决了在IE7下后台样式表兼容性问题 * 修复了首页和好友搜索中城市列表第一项丢失的错误 * 修正了后台管理员关闭浏览器不自动退出的...

    bootstrap-4.0.0-beta.2.zip

    新的自定义选项:不再像上个版本一样,将渐变、淡入淡出、阴影等效果分放在单独的样式表中。而是将所有选项都移到一个Sass变量中。想要给全局或考虑不到的角落定义一个默认效果?很简单,只要更新变量值,然后重新...

    基于 HTML5 +JavaScript 网页塔防游戏

     /css 样式表  /js JavaScripts 源文件  /tools 小工具、脚本    作弊方法:为方便测试,本游戏内置了几个作弊方法,如下:  1.增加 100 万金钱:[removed]_TD.cheat="money+";void(0);  2.难度增倍:...

    JavaScript王者归来part.1 总数2

     13.6.5 小技巧--将代码添加到样式表   13.7 总结   第14章 级联样式表  14.1 什么是级联样式表   14.1.1 CSS样式和样式表   14.1.2 CSS的标准化   14.1.3 浏览器支持的CSS   14.2 JavaScript与CSS  ...

    Smile企业费用管理系统源码 v1.0

    5、关于分页新手也是很热乎这方面的,里面有2种分页样式,一个是这个后台框架本身设计配套,还有一个是我从淘宝客的后台偷下来的(用着蛮贴切的),样式表是css文件夹下的custompagebar.css;逻辑代码都写好了,自行...

    Access 2000数据库系统设计(PDF)---001

    1457.2.4 处理外部文件中的图像 1487.2.5 将字段数据类型转换为Access数据 类型 1497.2.6 使用链接表管理器加载项重新 链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 ...

    Access 2000数据库系统设计(PDF)---018

    1487.2.5 将字段数据类型转换为Access数据类型 1497.2.6 使用链接表管理器加载项重新链接表 1507.2.7 导入表和将数据库文件链接为表 1507.3 导入和链接电子数据表文件 1517.3.1 通过导入Excel工作表创建一个表 1517....

Global site tag (gtag.js) - Google Analytics