`
kokorodo
  • 浏览: 38829 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

解决ie动态修改link样式,import css不刷新的问题

 
阅读更多

当我们需要动态更新link的样式的时候,通常是直接修改link的 href 属性。但是如果样式里有import的样式表,IE就不会在发起请求去刷新了(其他浏览器都是正常的)


解决办法有两个: 

1. 样式表里不要有import的样式表。 

2. 把link的type属性设置为空值, 然后再修改 href 的地址,最后再把type值设置成"text/css" 强制让ie解释新的样式表。 

分享到:
评论

相关推荐

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

    require-css 兼容IE Respond根据require-css, respond.js 修改而来,原CSS项目使用@import方式加载时,则IE-Respond.js不生效, 且动态加载css时,respond.js需要重载,否则也不生效。(原项目的respond.js必须在所有...

    面试宝典之吊打面试官系列

    - **问题**: CSS中link和@import的区别是: - **答案**: - `<link>`: 可以用于导入样式表,也可以用于其他类型的资源。 - `@import`: 专门用于导入样式表,只在CSS文件中使用。 **32. 盒子模型的概念** - **问题*...

    javascript面试题

    解决方案包括使用 CSS 伪类 `:visited` 和 JavaScript 动态更改链接的状态。 **21、什么是 CssHack?ie6,7,8 的 hack 分别是什么?** CssHack 是针对特定浏览器的 CSS 样式调整技巧。IE6、7、8 的 hack 方法包括...

    前端设计面试2.pdf

    前端设计面试涉及众多Web前端开发的关键概念和技术,以下是这些知识点的详细解释: ...DOM允许开发者通过JavaScript或其他脚本语言来读取、...在面试中,深入理解和应用这些知识能够展示出你的专业技能和解决问题的能力。

    前端面试题集合

    - `@import`必须位于CSS文件的顶部,且只能用于导入其他CSS文件。 - `link`可以指定备用样式表。 **4. CSS 继承属性** - **示例继承属性:** - 字体相关属性(如`font`) - 文本对齐方式(如`text-align`) -...

    尚硅谷_前端_面试题

    - **兼容性问题**:如IE下的盒模型问题、某些CSS属性支持度不一致等。 - **解决方法**:使用条件注释、特定浏览器前缀、Polyfill等。 - **常用hack技巧**:如`*zoom: 1`用于IE6-8的兼容性问题。 19. **li与li...

    前端开发面试题

    - **link**:通过 `<link rel="stylesheet" href="styles.css">` 引入外部样式表。 - **@import**:通过 `@import url("styles.css");` 在样式表中引入其他样式表。 - **区别**: - 加载顺序不同:`@import` 需等待...

    2017年前端面试题

    `@import`在IE5以上才被支持,而`link`没有兼容性问题。此外,`link`引入的样式权重高于`@import`。 9. **常见浏览器的内核是什么?** - Internet Explorer使用Trident内核。 - Mozilla Firefox使用Gecko内核。 ...

    web前端面试题

    - `link` 标签可以并行加载多个样式表,而 `@import` 会在当前样式表加载完成后才加载被导入的样式表。 **32. 简介盒子模型:** - 盒子模型包括 content、padding、border 和 margin 四部分。 **33. 为什么要初始...

    网页前端开发笔试题.pdf

    3. **CSS引入方式**:通过`<link>`标签和`@import`规则引入CSS样式。`<link>`是HTML的一部分,可同时加载资源,而`@import`是CSS内部指令,通常在页面加载完后引入,可能导致延迟。优先级:内联样式(如`style="......

    Javascript动态创建 style 节点

    JavaScript 动态创建 `style` 节点是前端开发中一种常见的技术,它允许开发者在页面运行时根据需要插入、修改或删除CSS样式。这种技术对于实现动态效果、响应式设计或者处理某些浏览器兼容性问题非常有用。下面将...

    js使用小技巧

    style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()">word 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document....

Global site tag (gtag.js) - Google Analytics