Js动态加载CSS样式文件的2种方法

动态加载CSS文件,这个时常会用到,一般搞前端,我们最先想到的就是用JS来实现,的确,JS可以很方便的控制CSS样式表文件的动态插入,以下两种方法:使用

一,使用

这点采用了YUI插件中的一个方法,有效解决了各大浏览器的兼容性问题,主要是使用style.appendChild(document.createTextNode(styles));采用createTextNode将CSS代码添加到

01

这样页面中的元素可以直接应用样式了,不管你的这些元素是不是通过脚本追加的。

二,页面中约会外部样式:

在中使用标签添加一个外部样式文件,这个方法相对简单,而且也不存在浏览器的兼容性问题,看代码:

**01
**

如果使用的样式比较少,这种方法似乎有些小题大作,而非参考吧。

你可能感兴趣的:(Js动态加载CSS样式文件的2种方法)