導航:首頁 > 版本升級 > js中動態引入css文件路徑
js中動態引入css文件路徑
發布時間：2023-10-01 22:29:38
有點不明來白你的意思。自
是不是這樣： 你的一個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文件
使用相對於jsp頁面的相對路徑
<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。
使用相對於Web工程的相對路徑
對於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>
使用Web工程的絕對路徑
方法1和方法2都有缺點，都只適用一種情況，有沒有兩種情況都適用的呢？答案肯定的！
我們使用絕對路徑:
<linktype="text/css"rel="stylesheet"href="/MyProject/styles/main.css"/>
<scripttype="text/javascript"src="/MyProject/scripts/dtree.js"></script>
注意：如果我們在部署Web應用時，沒有設置ContextRoot（一般情況下配置為工程名），也就是IP和埠後面不帶應用名，如http://localhost:8080/main.do和http://localhost:8080/test.jsp，這種情況在引用時就不能帶工程名了，應該這樣：
<linktype="text/css"rel="stylesheet"href="/styles/main.css"/>
<scripttype="text/javascript"src="/scripts/dtree.js"></script>
與js中動態引入css文件路徑相關的資料
- 安卓qq空間免升級
- 裊裊朗誦文件生成器
- 地下城與勇士86版本劍豪攻略
- 纏中說禪最好版本
- 壓縮文件損壞的頭
- recyclerview版本支持
- 90版本天帝tp加點
- 三星手機能升級系統嗎
- cf那些文件沒有用
- iphone3g怎麼升級
- htcg12hboot升級
- 華為移動文件位置嗎
- 榮耀5x系統升級包
- 酷派手機升級助手
- 黃日華版本天龍八部
- obd文件
- 浩方支持魔獸什麼版本的
- 手游花千骨vip升級
- baksmali最新版本
- 激盪三十年版本哪個好
- 移動內網怎麼傳文件夾
- 生存之旅22041升級補丁
- word備份文件位置
- ios7那個版本越獄好
- lgv20韓版升級
- 怎麼看三國志13版本
- root版本
- 在電腦上怎樣刪除文件夾
- 華為g610一t11大聲音rom版本下載
- 群暉文件夾限制大小
- pkpm能轉低版本
- xpsp1升級到sp3打補丁360
- ios902升級死機
- vivo9管理文件
- dnd異界升級順序
- dnf90版本漫遊最強裝備
- 華為mt2系統升級
- maccs6打不開raw文件格式
- UG90升級包360雲盤
- dnf念帝90版本寵物推薦
- 天之眼導航地圖怎麼升級
- 如何列印手機里的文件怎麼打開