软件开发,软件定制,网站制作,网店定制
点击给我发消息
您的位置:网站首页 > 技术文章 > JavaScript技术

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

作者:admin 来源:原创 日期:2009-12-2 15:58:02 人气: 标签:
导读:有一个ASP文件(无标签)需要用到另一个CSS文件,如果把这个CSS文件也写在header.asp文件中的标签中就会浪费计算机资源。想实现的是在这个ASP文件中动态调用那个CSS

在做项目时所有文件是共享的了一个header.asp文件的,这个文件主要是放置了文件的头部,加载了一些共同的东西,其它ASP文件中是没有<head>标签的。现在有个问题是,有一个ASP文件(无<head>标签)需要用到另一个CSS文件,如果把这个CSS文件也写在header.asp文件中的<head>标签中就会浪费计算机资源。想实现的是在这个ASP文件中动态调用那个CSS文件。经过查找资料反复实验找到方法了,哈哈!!!
用下面代码的可以在IE、firefox、opera、chrom游览器中实现动态加载CSS文件。
Js代码
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); 

共有:条评论信息评论信息
发表评论
姓 名:
验证码: