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

热点内容
如何破解u盘密码 浏览：47
jsp程序包不存在 浏览：261
讨论组里的文件怎么删 浏览：419
nsatool免疫工具 浏览：640
无线网络结构性 浏览：98
南方gass怎么载入数据 浏览：406
收听央广新闻用什么app听 浏览：626
乐播足球app 浏览：257
如何在文件夹中找到英雄联盟 浏览：927
清理手机qq缓存图片吗 浏览：320
tyt文件 浏览：144
系统进不去原来桌面上的文件 浏览：545
博雅编程是什么意思 浏览：36
flyme的温控文件在哪 浏览：693
gba文件格式 浏览：123
中小学编程课都有哪些内容 浏览：62
一千个文件怎么批量改内容 浏览：16
小米软件数据怎么转移 浏览：389
移动文件如何添加目录 浏览：595
qq语音文件 浏览：849

友情链接