導航:首頁 > 版本升級 > 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文件路徑相關的資料

熱點內容
孕周參照哪個數據最准 瀏覽：996
數據繼承後怎麼登陸 瀏覽：963
java獲取excel文件流 瀏覽：201
phpurl參數為json 瀏覽：792
在哪個app旅遊便宜 瀏覽：593
360千軍挖寶工具 瀏覽：684
淘寶導航代碼生成器 瀏覽：128
java足球游戲 瀏覽：72
中鐵局考試是什麼網站 瀏覽：950
filecopyjava 瀏覽：245
編程代碼是什麼軟體 瀏覽：255
編程re是什麼 瀏覽：971
javajdk哪個好 瀏覽：102
蘋果6手機恢復原廠設置密碼 瀏覽：318
微策略app 瀏覽：924
電視功能網路語言什麼意思 瀏覽：491
華中g71程序怎麼編程 瀏覽：434
百度雲文件傳到360 瀏覽：327
為什麼壓縮文件不對圖標 瀏覽：265
ios用什麼解壓7z的文件 瀏覽：995

友情鏈接