调用外部CSS怎么写?

html-css023

调用外部CSS怎么写?,第1张

调用css外部样式文件，首先需要创建一个css文件。

比如创建一个含有以下代码的css文件：

body{width:100%margin:0padding:0}

.content{width:300pxheight:200pxfloat:left}

保存成.css后缀的css文件。

现在开始在html文件中写入以下代码调用即可。

<link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径">

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])

}

}

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