六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 183|回复: 0

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

[复制链接]

升级  27.33%

23

主题

23

主题

23

主题

秀才

Rank: 2

积分
91
 楼主| 发表于 2013-2-8 00:42:46 | 显示全部楼层 |阅读模式
我在做项目时所有文件是共享的了一个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); 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表