js里引入css文件路徑是什麼（js里引入css文件路徑是什麼）

本文目錄一覽：

• 1、在JS文件中調用外部CSS文件
• 2、用js文件怎麼引入其他js文件和css文件
• 3、怎麼修改layer.js裡面css的路徑
• 4、thinkPHP中css，js文件中路徑問題？
• 5、外部js怎麼引用css？

在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文件怎麼引入其他js文件和css文件

方法一，在調用文件的頂部加入下例代碼：

document.write(」script language=javascript src=』/js/import.js』/script」);

(註：有時你引用的文件還可能需要引用其他的js,我們需要將需要的那個js文件也以同樣的方法引用進來)

方法二,通過中間界面對js進行應用

就是我們可以在某個html中引用了你需要的js文件，我們可以通過拿到那個html文件的對象，然後在通過這個對象去引用js的方法。

（一般不常用）

方法三：在將下邊代碼放入Body中：

new_element=document.createElement(」script」);

new_element.setAttribute(」type」,」text/javascript」);

new_element.setAttribute(」src」,」import.js」);

document.body.appendChild(new_element);

我們來分析一下關鍵的幾句代碼：

首先，我們利用document.createElement(」script」)生成了一個script的標籤，設置其 type屬性為text/javascript，src為import.js(這裡的1.js同2.js放在同一個目錄，也可放在不同的目錄)。最後將這個標籤動態 地加入body中。如此一來，我們就可以調用到不同js文件中的方法了。

注意：script language=」JAVASCRIPT」 src=』1.js』/script一定要放在body下面。

因為在2.js中用到了body（document.body.appendChild(new_element);）

如果將引如2.js的代碼放在body上面，也就是說，

進入頁面後，還沒有生成body就已經執行b.js里的document.body.appendChild(new_element);了。

這時body不存在就會拋JavaScript錯誤。

怎麼修改layer.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

thinkPHP中css，js文件中路徑問題？

1.css路徑可以是絕對路徑和相對路徑

你的那種屬於絕對路徑的一種，從網站根目錄查找，也可以直接網址url();

也可以是相對與css文件的路徑：url(../img/toolbar.gif);//你改成這種試試

2.js的location跳轉同理，但是相對路徑只能 相對於當前頁面的路徑

外部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』;

希望我的回答能幫助到你，謝謝！