日期:2014-05-17  浏览次数:20630 次

在没有<head>标签的页面加载CSS文件的方法

我在做项目时所有文件是共享的了一个header.asp文件的,这个文件主要是放置了文件的头部,加载了一些共同的东西,其它ASP文件中是没有<head>标签的。现在有个问题是,有一个ASP文件(无<head>标签)需要用到另一个CSS文件,如果把这个CSS文件也写在header.asp文件中的<head>标签中就会浪费计算机资源。我想实现的是在这个ASP文件中(无<head>标签)动态调用那个CSS文件。经过本人查找资料反复实验找到方法了,哈哈!!!

?

用下面代码的可以在IE、firefox、opera、chrom游览器中实现动态加载CSS文件。

var cssTag = document.createElement('link');
cssTag.setAttribute('rel','stylesheet');
cssTag.setAttribute('type','text/css');
cssTag.setAttribute('href','test.css');
document.getElementsByTagName('head')[0].appendChild(cssTag);
//document.body.appendChild(cssTag);

?