在JS文件中调用外部CSS文件
发布网友
发布时间：2022-04-22 03:17
共5个回答
热心网友
时间：2022-04-07 08:48
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]);
}
}
上面的判断语句中可以加入自己的判断。
热心网友
时间：2022-04-07 10:06
有点不明白你的意思。
是不是这样： 你的一个html页面里面本来包含一个框架页，后来你想把框架页换成一个js包含进去。
页面加载 js 跟 框架 是不一样的。
框架里的页面是的，不能共享父页面的css。js就不一样了，他用的是父页面的css。
最简单的是你先把你框架页<body> ………… </body>之间的代码写进父页面，用的css也写在父页面，然后看显示时候正常，再把这段代码写到js里，引进去OK了。
热心网友
时间：2022-04-07 11:41
不懂，你可以找JS的页面去下载源文件对比啊。
看看哪不一样。哪出现问题。纯属建议，别说我装比
热心网友
时间：2022-04-07 13:32
为什么用document.writeln重写一个页呢，直接写HTML页面不是更好？
热心网友
时间：2022-04-07 15:40
搞不懂有什么用。。。。
