`
dogasshole
  • 浏览: 843649 次
文章分类
社区版块
存档分类
最新评论

IE动态加载CSS link失败

 
阅读更多
今天使用了动态加载CSS的方法,但是如下动态调用的话是无法正确在IE中加载,当然在firefox和chrome中是正常的。


当时我特意去查看了一下html发现在head中是有成功的插入该语句
<link rel="stylesheet" type="text/css" href="source/uploadify/resource/uploadify.css"/>
但是为什么IE不会去动态加载呢?
看到一句比较经典的解释:
Once IE has processed all the styles loaded with the page, the only reliable way to add another stylesheet is with document.createStyleSheet(url)
修改代码如下,就可以成功加载啦!





  


  
分享到:
评论

相关推荐

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

    link rel=stylesheet type=text/css href=all-ie-only.css /&gt; &lt;![endif]--&gt; 但是如果是IE10以上时,这个办法就不是很适用了。 IE10或IE11: 使用媒体查询(-ms-high-contrast)来加载样式表。由于-ms-high-...

    ie11CustomProperties:IE11CSS变量(自定义属性)polyfill

    IE11CSS变量Polyfill Internet Explorer 11的最完整的“自定义属性” polyfill。 在大约70'000个 已停产 IE11的市场份额正在稳步下降。 我个人不再需要支持IE11。 这就是为什么我决定停止从事该项目的原因。 特征 ...

    require-css-respond:require-css 兼容IE Respond

    这不符合require-css的意义)respond.js 源项目在require-css 源项目在css.min.jsrequire-css 使用此文件,兼容IE respond.js因respond.js只认link标签,所以修改CSS加载方式仅为动态创建link标签, 且在加载成功后...

    js+css绚丽动态滑动menu菜单(原创)

    1 添加删除menu项目时,首先,在html页面中添加menu内容,其次,必须要在js文件中最上面添加删除“time”和“link”对象声明,最后要在html页面的开头添加删除初始化项目“initialCssDiv(no)”。有几行menu项目,...

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

    异步加载css文件或者异步加载css模块,支持所有浏览器,包括IE,参考至javascript高级编程 1.createLink方法用于创建一个style标签并添加到head标签中 2.createModule方法用于创建一个style样式表的标签,并且如果在...

    IE7,IE8 BUG导致CSS下载二次的解决方法

    测试: 正常的CSS加载代码写法: &lt;link rel=stylesheet href=http://www.test.com/main.css type=text/css /&gt; 这样写大家都知道加载是不会有任何问题的,所以也不贴监控图解释了。 在经过html压缩后(去掉...

    兼容IE的jquery滚动条插件.rar

    1.引用js和css &lt;link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"&gt; &lt;script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; ...

    全面了解link与import方式的区别

    &lt;style type="text/css"&gt;@import url(foo.css) print;...@import—是css2.1提出的,所以老版本的浏览器不支持,@import只能在IE5以上才能识别,相反link不会出现此问题; 3.使用dom控制样式的差别: ja

    CSS伪类

    W3C:“W3C” 列的数字显示出伪类属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。 伪类 作用 IE F N W3C :active 将样式添加到被激活的元素 4 1 8 1 :focus 将样式添加到被选中的元素 – – – 2 :hover 当...

    Javascript/CSS 多文件代码合并、安全压缩、优化(PHP版)

    再比如,IE6默认只有2个下载线程!也就是说,同时只能进行2个资源请求、无论你网速有多快。 所以网页前端速度优化的一个重要项目就是:减小资源请求数。 事实上,业界有很有名气的js,css合并压缩开源程序:minify...

    超级绚丽菜单pretty menu v1.0正式发布

    1 添加删除menu项目时,首先,在html页面中添加menu内容,其次,必须要在js文件中最上面添加删除“time”和“link”对象声明, 有几行menu项目,就要声明几对“time”和“link”对象。time对象是针对此行menu项目的...

    iconicss:超过900个纯CSS3图标!

    已知限制某些副作用可能会导致某些浏览器IE无法正确计算CSS linear-gradient()的currentColor关键字( )。 这将影响使用渐变背景图像的图标(仅几个)。如何使用它? 使用npm install iconicss或下载 npm install ...

    微云购.rar

    link href="css/index.css" rel="stylesheet"&gt; &lt;link href="css/message.css" rel="stylesheet"&gt; &lt;!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --&gt; [removed...

    关于前端页面的一些性能测试总结

    必须等head样式加载完后才开始进行页面css等的渲染(如加载完了外联链接以及图片等后,页面再进行渲染) head节点下不可有src属性等,也不可有外联请求链接 scripts必须在link前,不可在link后 尽量做到head下的请求...

    动态加载dtree.js树treeview(示例代码)

    代码如下:&lt;!...&lt;head&gt;&lt;title&gt;Destroydrop » Javascripts » Tree&lt;...link rel=”StyleSheet” href=”dtree.css” type=”text/css” /&gt;[removed][removed]&lt;/head&gt;&lt;body&gt;

    php 解决substr()截取中文字符乱码问题

    首先要明确这么一个问题,之所以会出现IE6偶尔无法加载CSS的现象,是因为文件出现了乱码,导致后面的加载CSS的link无法被IE6正确解析。因此就看到了一个纯HTML页面,没有CSS,赤裸裸!明确了问题,剩下的问题就好...

    kohana-static-files:客户端优化,自动部署静态文件,在一个文件中构建更多的cssjs文件

    link rel="stylesheet" href="****.css" media="all" type="text/css" /&gt;&lt;![endif]--&gt; StaticCss::instance()-&gt;addCss('http://jquickform.ru/cms/quickform.css', 'lte IE 7'); 添加虚拟样式表文件(将在...

    a标签的四个css伪类(link、visited、hover、active)样式理解

    伪类是CSS 用于向某些选择器添加特殊的效果,chrome和firefox中的css监控并不会显示所有的样式,有些显示会有点不全,IE下还是有点问题的,不过大体不变

    前端资料.pdf

    页面被加载的时,link会同时被加载,而@import被引用的CSS会等到引用它的CSS文件被加载完再加载; import只在IE5以上才能识别,而link是HTML标签,无兼容问题; link方式的样式的权重 高于@import的权重.

    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;的前面

Global site tag (gtag.js) - Google Analytics