`
mr.a
  • 浏览: 93036 次
  • 性别: 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浏览器下被加载。...使用媒体查询(-ms-high-contrast)来加载样式表。由于-ms-high-contrast是微软特有的(并且只在IE 10+中可用

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

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

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

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

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

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

    HTML页面加载和解析流程详细介绍

    4. 样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。 5. JS、CSS中如有重定义,后定义函数将覆盖前定义函数。 JS的加载 1. 不能并行...

    在浏览器加载CSS 时防止影响页面渲染的方法

    本文展示了一种技术,它能通过异步下载样式表,以阻止它们的下载阻塞页面的渲染,从而尽可能快的让访问者获取到信息内容。 警告! 我发这篇帖子全是好意,但是它并不负责让读它的人意识到下面将会遇到的问题. 社区...

    RequireCSS:RequireJSCSS插件

    只有不支持本机链接加载事件的浏览器中的警告是JavaScript解析错误(因为浏览器尝试解释用于加载事件检测的虚拟脚本标签),并且在找不到样式表时不会出现RequireJS错误消息/已加载。 还要注意IE的31个样式表限制...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式...

    X3BLOG 多用户版 1.0.0 beta2

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

    超实用的jQuery代码段

    11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 11.18 最优化的循环语句写法 11.19 如何构建最优化的字符串 11.20 使用jQuery产生GUID值 11.21 使用jQuery实现聚合函数 11.22 用jQuery打印网页...

    基于JavaScript的三维地图程序(仿e都市gis)

    2.增加小沙盘样式表BirdEye.css 地图图片路径birdeyemap 3.完成window.parent地图-&gt;小沙盘的同步 问题:小沙盘-&gt;window.parent地图存在bug,可以尝试开启 2009-10-23 1.在小沙盘中增加浮动绿色框 2009-11-6 1.实现...

    JS DOMReady事件的六种实现方法总结

    原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。 这对于很多实际的应用而言有点太“迟”了,比较...

    live2d-widget:把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform

    Live2D Widget 特性 Feature 在网页中添加 Live2D 看板娘。兼容 PJAX,支持无刷新加载。 Add Live2D widget to ...本插件需要 Font Awesome (v4 或 v5) 图标支持,请确保相关样式表已在页面中加载。以 Font Awesome v

    网奇Iwms网站管理系统v5.2

    网奇Iwms网站管理系统是由国内知名ASP.NET工程师木鸟开发的一套安全易用的网站管理系统,本系统采用ASP.NET内核制作,本系统最大的特点是;后台管理功能强大,网站运行速度...修正样式表文件没转换utf8 tinymce更新到3.4.2

    EXCEL集成工具箱V8.0完整增强版(精简)

    【注解样式】 可以插入多达50种样式的注解,支持随时切换当前注解样式为指定的样式。 【工作表拆分】 将当前工作表的某列数据按指定条件拆分成多个工作表,可以用任意列的数据以及选定的数据做为拆分条件。 【行列...

    响应式 CMS/Blog 双布局主题 wpdx(WP大学现用主题,5色可选)

    内置 3 种分类存档样式(标题、小缩略图、大缩略图),不同样式每页可显示不同文章数量 20+小工具:二维码、分类文章、图片文章、最新/随机/热门文章、最新评论、活跃读者、标签云等等 内置 5 个菜单:顶部(用户...

Global site tag (gtag.js) - Google Analytics