js鏈接css（Js鏈接分享時有圖片）

本文目錄一覽：

• 1、在JS文件中調用外部CSS文件
• 2、外部js怎麼引用css？
• 3、js怎麼修改css的鏈接路徑？
• 4、css和js發生關聯的多種方法，共四種 求解答?

在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種, 希望我提到的四種方法能給樓主帶來幫助.