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

熱點內容
cad能看word文件嗎 瀏覽：719
12306火車票系統後台資料庫 瀏覽：570
js翻譯德語 瀏覽：33
從哪裡可以下載a股的數據 瀏覽：437
邏輯文件名和物理文件名關系 瀏覽：66
怎麼查一個網站的外鏈 瀏覽：675
linux下db2安裝時版本選擇 瀏覽：738
匯編編程用哪個軟體 瀏覽：486
仙樂下的歌在文件管理哪裡 瀏覽：477
115網盤解析工具2014 瀏覽：371
內圓弧銑刀怎麼編程 瀏覽：410
記事本文件轉word格式對齊 瀏覽：300
excel刪除恢復文件 瀏覽：290
三星s4怎麼切換3g網路 瀏覽：994
什麼是網站維護 瀏覽：314
文件夾錄像在哪裡 瀏覽：621
可以發語音的是什麼app 瀏覽：804
恢復手機桌面文件管理 瀏覽：627
用什麼軟體可以打開psd文件 瀏覽：459
公安有哪些警務app 瀏覽：150

友情鏈接