導航:首頁 > 版本升級 > 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文件路徑相關的資料
- ape文件如何打開
- 用來存放被用戶刪除的文件
- 去掉文件校驗
- windows7文件根據什麼識別
- 三劍豪升級
- win81升級win10卡住
- 5s怎麼升級到84
- 財稅201215號文件代碼
- 榮耀3c各版本區別
- pptv聚力2014年舊版本
- qq升級2000人群2017
- c刪除文件函數
- phonegap最新版本
- 那個版本的扣扣怎麼查看扣扣年齡
- cad2010的64位版本
- 獲取文件讀寫許可權怎麼辦
- 貓和老鼠的所有版本
- p5qlpro升級usb30
- 三星c9pro版本
- 寬頻升級為什麼變慢了
- max文件默認打開方式
- 圖片格式的文件怎麼改
- 能在手機里搜索文件的
- ipad如何上傳騰訊視頻文件
- 誰有176黃金屠龍版本
- 通達應用版式文件
- 90版本遠古圖收益
- 多文件dwg搜索文字
- tera33級怎麼升級快
- 41級道士升級快
- os系統qq聊天記錄文件夾看不到嗎
- qq發送文件收不到手機號碼
- 刺客信條大革命13升級檔
- 好記星n717怎麼升級
- 小米文件夾重命名
- 90版本天御刺客
- 臨時表空間添加數據文件
- 編譯apk讓新舊版本共存
- 微信如何打開mp4文件怎麼打開
- 2014中辦64號文件服務用房
- gpsnvmbin是什麼文件
- qt版本選擇