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

熱點內容
js限制只能輸入正整數 瀏覽：908
uc主頁圖標網站怎麼備份 瀏覽：364
蘋果應用如何切換賬號 瀏覽：190
什麼網站在家兼職客服 瀏覽：554
mac顯示所有應用程序 瀏覽：365
甲秀南明app是什麼 瀏覽：189
哪些股票可以看到全景數據 瀏覽：865
文件怎麼發送到朋友圈 瀏覽：315
資料庫默認還原的是什麼數據 瀏覽：141
linux營銷策劃案 瀏覽：632
xcopy復制源文件夾 瀏覽：137
webworkjsp頁面亂碼 瀏覽：25
編程序輸入a怎麼寫 瀏覽：660
linux掛載硬碟進不去 瀏覽：551
數據流量扣哪裡的錢 瀏覽：309
銷售統計原始資料庫 瀏覽：189
word2007列印出來是空白 瀏覽：429
怎麼鎖定一個單元格數據 瀏覽：796
建設招標文件包含的內容 瀏覽：126
phpini如何配置文件 瀏覽：443

友情鏈接