在JS文件中调用外部CSS文件

html-css020

在JS文件中调用外部CSS文件,第1张

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 = 0i <lists.lengthi++) {

if (lists[i].getAttribute("href").indexOf(".css") != -1) == -1) {

lists[i].parentNode.removeChild(lists[i])

}

}

上面的判断语句中可以加入自己的判断。

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

然后我们在Head标签内用link标签引入CSS文件，如下图所示

最后用Script标签引入JS文件即可，如下图所示

css 是Cascading Style Sheets(层叠样式表)的简称

网页样式控制文件

js 是网页上由javascript脚本语言编辑的文件 例如在一个网站注册 的客户端验证就要采用它

Explorer.exe 是windows 系统的桌面进程

你可以在任务管理器中删除该进程试一试 ！ 桌面就会消失了

恢复的话 在任务管理器中点击 文件--选择“C:\WINDOWS\explorer.exe” 这个就恢复了