最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JavaScript动态创建link标签到head里(延时加载)
时间:2014-01-15 编辑:简简单单 来源:一聚教程网
使用 jQuery 创建 link 标签
如果你开发中喜欢用jQuery,那么用jQuery在创建link标签应该是这样的:
代码如下 | 复制代码 |
var cssURL = '/style.css', // 请看清楚,是动态将link标签添加到head里 |
使用原生 JavaScript 创建 link 标签
如果你喜欢纯天然的 JavaScript,就要需要这么写:
代码如下 | 复制代码 |
var head = document.getElementsByTagName('head')[0], |
IE 里特有的方法 createStyleSheet
IE 里特有的方法 createStyleSheet 方法也是很方便。
代码如下 | 复制代码 |
var head = document.getElementsByTagName('head')[0], |
createStyleSheet( [sURL] [, iIndex])方法接受两个参数,sURL就是CSS文件的URL路径。iIndex 为可选参数,指插入的link在页面中stylesheets collection的索引位置,默认是在最后添加新创建的样式。
完整的解决方案
基本上都介绍完了,来看看完整的解决方案吧:
代码如下 | 复制代码 |
function createLink(cssURL,lnkId,charset,media){ |
-
下一个: Js判断CSS文件加载完毕的实例教程