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

熱點內容
中國萬年歷安卓版 瀏覽：99
小米6a移動數據打不開怎麼回事 瀏覽：809
電腦編程3d用什麼軟體 瀏覽：170
浮動qq設計 瀏覽：279
word文件怎樣發送到qq裡面 瀏覽：380
社會化購物網站 瀏覽：402
怎麼安裝描述文件 瀏覽：534
微信小程序im通訊 瀏覽：644
php從資料庫讀取數據 瀏覽：330
蘋果手機安裝描述文件應用下架 瀏覽：480
安全程序文件包含哪些 瀏覽：612
ibatis查詢資料庫 瀏覽：453
手機卸載文件找不到文件怎麼辦 瀏覽：545
百度網盤app下載的壓縮文件怎麼導出來 瀏覽：254
小米5開發版驅動程序 瀏覽：785
微信附近搜索怎樣打開 瀏覽：543
ios7那個版本越獄好 瀏覽：344
壓縮文件如何分割 瀏覽：458
蘋果4s怎麼沒地方插卡 瀏覽：943
資料庫的組成對象11 瀏覽：944

友情鏈接