                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

JS文件内能引用外部文件吗？

在CSS文件内可以通过以下代码引用外部css

@import url();

那么在js文件内有指令来引用外部Css吗?

镜花以西映陵东4076133

2016-10-24

源自：JavaScript入门篇 1-3

关注问题我要回答

1617

操作

收起

2 回答

weibo_行者无间大道无形_04203622 回答被采纳 +3 积分
2016-10-24

document.write('<link rel="" href="'#'" type=""/>')

0 回复有任何疑惑可以回复我~

收起回答

镜花以西映陵东4076133 提问者

非常感谢！

2016-10-24 回复有任何疑惑可以回复我~

慕粉4271969
2016-10-24

可以

JS文件中动态调用外部css, 文件方法如下:
function loadExtentFile(filePath, fileType){

    if(fileType == "js"){
        var oJs = document.create_rElement('script');
        oJs.setAttribute("type","text/javascript");
        oJs.setAttribute("src", filename);//文件的地址 ,可为绝对及相对路径
        document.getElementsByTagName_r("head")[0].appendChild(oJs);//绑定
    }else if(fileType == "css"){
        var oCss = document.create_rElement("link");
        oCss.setAttribute("rel", "stylesheet");
        oCss.setAttribute("type", "text/css");
        oCss.setAttribute("href", filename);
document.getElementsByTagName_r("head")[0].appendChild(oCss);//绑定
    }
}
loadExtentFile("js/func.js", "js");
loadExtentFile("default.css", "css");
清空:

var lists = document.getElementsByTagName_r("link");
for ( var i = 0; i < lists.length; i++) {
if (lists[i].getAttribute("href").indexOf(".css") != -1) == -1) {
lists[i].parentNode.removeChild(lists[i]);
}
}
上面的判断语句中可以加入自己的判断。