導航:首頁 > 版本升級 > js中動態引入css文件路徑

js中動態引入css文件路徑

 發布時間：2023-10-01 22:29:38

㈠ 在js文件中調用外部CSS文件

有點不明來白你的意思。自

是不是這樣： 你的一個html頁面裡面本來包含一個框架頁，後來你想把框架頁換成一個js包含進去。

頁面載入 js 跟 框架 是不一樣的。
框架里的頁面是獨立的，不能共享父頁面的css。js就不一樣了，他用的是父頁面的css。

最簡單的是你先把你框架頁<body> ………… </body>之間的代碼寫進父頁面，用的css也寫在父頁面，然後看顯示時候正常，再把這段代碼寫到js里，引進去OK了。

㈡ 在一個xx.js文件中，怎麼引用外部的css

@import url(xx.css);
或
<link type="text/css" rel="stylesheet" href="xx.css">

㈢ js怎樣動態調用外部CSS

<style>
body{ color:#FF0000}
a:hover{ background:#00ccFF}
</style>
<script language="javascript">
var indexcss=new Array()
indexcss[0]='index0.css'
indexcss[1]='index1.css'
indexcss[2]='index2.css'
function loadjscssfile(filename, filetype){
if (filetype=="css"){ //判斷文件類型
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
document.getElementsByTagName("head")[0].appendChild(fileref)
</script>

<a href="#" onClick="loadjscssfile(indexcss[0],'css')">1111css</a>
<a href="#" onClick="loadjscssfile(indexcss[1],'css')">2222css</a>
<a href="#" onClick="loadjscssfile(indexcss[2],'css')">3333css</a>

㈣ 如何實現JavaScript動態載入CSS和JS文件

這要看來你css和js文件放在源哪了像我

在這里的js和style（里放的是css）

在jsp代碼中的路徑就為

<link rel="stylesheet" href="style/global.css" />

<link rel="stylesheet" href="style/global_color.css" />

<link rel="stylesheet" href="style/new.css" />

<script src = "js/jquery-1.11.1.js"></script>

<script type="text/javascript" src = "js/ajax.js"></script>

㈤ 開發js插件如何引用外部css文件

<linktype="text/css"rel="stylesheet"href="../styles/main.css"/>
<scripttype="text/JavaScript"src="../scripts/dtree.js"></script>

這樣在頁面使用http://localhost:8080/項目名/**.jsp訪問test.jsp時就可以引用到dtree.js和main.css。

對於1中的相對使用相對於於jsp頁面的相對路徑的這種方式，如果我們是設置action跳轉到test.jsp頁面，那麼這種使用相對路徑的方式就引用不到了。
例如我們當訪問http://localhost:8080/MyProject/main.do的時候，頁面跳轉到test.jsp頁面，如果使用方法1，就引用不到了。
這個時候我們可以使用相對於Web工程的相對路徑來引用：

<linktype="text/css"rel="stylesheet"href="styles/main.css"/>
<scripttype="text/javascript"src="scripts/dtree.js"></script>

方法1和方法2都有缺點，都只適用一種情況，有沒有兩種情況都適用的呢？答案肯定的！
我們使用絕對路徑:

<linktype="text/css"rel="stylesheet"href="/MyProject/styles/main.css"/>
<scripttype="text/javascript"src="/MyProject/scripts/dtree.js"></script>
<linktype="text/css"rel="stylesheet"href="/styles/main.css"/>
<scripttype="text/javascript"src="/scripts/dtree.js"></script>
閱讀全文

與js中動態引入css文件路徑相關的資料

熱點內容
微信運動9完步 瀏覽：15
相似名文件 瀏覽：370
沒有許可權訪問文件 瀏覽：406
編程語言學校有哪些 瀏覽：681
js頁面計時 瀏覽：135
xml文件轉document 瀏覽：67
騰訊視頻去除廣告代碼 瀏覽：874
word編輯文件夾 瀏覽：268
蘋果有沒有小米超神 瀏覽：300
編程序的流程 瀏覽：938
機關文件排序格式 瀏覽：437
乙太網數據多少錢 瀏覽：869
微信文檔文件管理裡面找不到 瀏覽：451
哪個地方可以學習編程 瀏覽：665
excel雙擊打不開文件 瀏覽：766
如何提升電話卡的網路速度 瀏覽：678
微信傳圖識字在手機哪個文件夾里 瀏覽：252
fxfactory教程 瀏覽：273
pclint頭文件 瀏覽：625
ug編程如何控制邊界接刀 瀏覽：182

友情鏈接