导航:首页 > 版本升级 > 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文件路径相关的资料

热点内容
中间夹菜单里面不能显示压缩文件 浏览：952
如何指导小学生参加编程比赛 浏览：275
物业的招标文件有哪些 浏览：452
保存游戏文件名非法或只读 浏览：258
js怎么做图片时钟 浏览：451
华为应用里面有了app说明什么 浏览：801
数据库中xy是什么意思 浏览：893
u盘打不开提示找不到应用程序 浏览：609
网站功能介绍怎么写 浏览：954
word在试图打开文件时错误 浏览：108
主板无vga插槽怎么连接编程器 浏览：521
录视频文件在哪里删除 浏览：881
word2013如何插入文件 浏览：233
proe教程百度网盘 浏览：197
如何控制远程linux服务器 浏览：740
it教学app有哪些 浏览：34
怎么在ps抠的图变成矢量文件 浏览：405
口袋妖怪银魂安卓v11 浏览：1
网站上芒果tv的账号都是什么 浏览：104
带公式的表格如何刷新数据 浏览：81

友情链接