課程
/前端開發
/JavaScript
/JavaScript入門篇
在CSS文件內可以通過以下代碼引用外部css
@import?url();
那么在js文件內有指令來引用外部Css嗎?
2016-10-24
源自:JavaScript入門篇 1-3
正在回答
document.write('<link?rel=""?href="'#'"?type=""/>')
鏡花以西映陵東4076133 提問者
可以
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]);}}上面的判斷語句中可以加入自己的判斷。
舉報
JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門
1 回答JS引用外部文件
1 回答javascript中引用JS外部文件
2 回答關于引用js外部文件方式
5 回答引用的外部js文件與原網頁文件的位置
1 回答插入JS外部文件
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-24
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]);
}
}
上面的判斷語句中可以加入自己的判斷。