您的位置:首页 > Web前端 > CSS

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

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

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");

</
 

本地远程都可以哦,呵。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: