本文目录一览:
在JS文件中调用外部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 = 0; i lists.length; i++) {
if (lists[i].getAttribute("href").indexOf(".css") != -1) == -1) {
lists[i].parentNode.removeChild(lists[i]);
}
}
上面的判断语句中可以加入自己的判断。
外部js怎么引用css?
你说的是用jQuery里的addClass方法吧(抱歉js原生暂时没发现该方法),那就要先引入jQuery.js,然后再引入a.js,可以这样做:
1、在c.css里写好你的样式:.cssStyle {你的样式};
2、然后在a.js里加入$('span').addClass('cssStyle')即可。
如果你的意思不是这个,那我猜你应该是想说怎么直接在js里操作css样式吧,那就可以这样:
var spanEl = document.querySelectorAll('span');
然后根据你的要求写样式,比如你要修改背景颜色为红色:
spanEl .style.background = ‘red’;
希望我的回答能帮助到你,谢谢!
js怎么修改css的链接路径?
引用是用link标签进入的CSS文件。所以可以直接修改link的href就可以修改CSS的链接路径了。下面是个小例子:
link href="../base.css" type="text/css" rel="stylesheet" id="link1" /
title无标题文档/title
/head
body
div style="width:100px; height:100px; border:1px solid #ccc;"/div
/body
script
var oLink = document.getElementById('link1');
oLink.href = '../../aaa.css'; //这样就把link的链接修改为'../../aaa.css'了。
/script
/html
css和js发生关联的多种方法,共四种 求解答?
css和js发生关联的方法:
我是一名网页前端工作者, 说说我的关联方法:
在css先设置一个选择器, 比如.current{}类 , 然后在js里用addClass('current')方法, 关联此css;
直接在js的jquery里用 .css({'text-align':'align'}) 这种方法设置css, 里面的text-align:center可以换成别的;
用.attr()的jquery的方法动态改变标签的属性, 也可以达到设置css的效果
通过JS来更改link标签下的href属性, 来达到更换CSS文件;比如:link href="songti.css" id="divCss" rel="stylesheet" /通过改变其href即可:
var newCss=document.getElementsById(divCss);
newCss.href="新的css文件.css";
我经常用的方法是前3种, 希望我提到的四种方法能给楼主带来帮助.