使用JS动态在页面加载CSS文件

刚刚在写随笔的时候发现cnblogs好像将自己在文章的HTML里定义的CSS(例如:<link rel="stylesheet" type="text/css" href="xxx.css" /> )都过滤掉了,记得以前自己收藏过一个JS函数,可以动态加载CSS文件,翻翻电脑果然找到了,代码贴出来,说不准在工作中也会用到呢。 

ContractedBlock.gif ExpandedBlockStart.gif loadjscssfile
<script language="javascript">

    
function loadjscssfile(filename, filetype) {
        
if (filetype == "js") {
            
var fileref = document.createElement('script');
            fileref.setAttribute(
"type""text/javascript");
            fileref.setAttribute(
"src", filename)
        } 
else if (filetype == "css") {
            
var fileref = document.createElement("link");
            fileref.setAttribute(
"rel""stylesheet");
            fileref.setAttribute(
"type""text/css");
            fileref.setAttribute(
"href", filename)
        }
        
if (typeof fileref != "undefined") document.getElementsByTagName("head")[0].appendChild(fileref)
    }
    loadjscssfile(
"http://news.163.com/special/0001jt/dblue.css""css");
</

 

本地远程都可以哦,呵。。

转载于:https://www.cnblogs.com/relax/archive/2008/11/14/1333603.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值