如何通过JS调用不同的CSS样式表??

如何通过JS调用不同的CSS样式表??,第1张

请看下面,其中aasp是本页面的文件名页面本身获取style的值,然后动态调用不同的CSS样式表
<p><a href="aaspstyle=a">样式一</a></p>
<p><a href="aaspstyle=b">样式二</a></p>
<p><a href="aaspstyle=c">样式三</a></p>

改成这样:
<html>
<head>
<title>电子相册</title>
<script language="javascript">
function showxi(){
var obj=documentgetElementById("csslinkid1");
objhref="11-6catalogcss";
objtarget="_blank";
}
function showppt(){
var obj=documentgetElementById("csslinkid2");
objhref="11-6pptcss";
objtarget="_blank";
}
</script>
</head>
<body>
<a href="#" onclick="showxi()" id="csslinkid1">详细信息</a>
<a href="#" onclick="showppt()" id="csslinkid2">幻灯片模式</a>
<!--html具体内容-->
<!--html具体内容-->
<!--html具体内容-->
</body>
</html>
你的意思来看,我觉得把外部CSS写在新窗口的<link>标签里最好。这样的话,可以改成这样:
function showxi(){
var obj=documentgetElementById("csslinkid1");
objhref="新窗口页面2htm"
objtarget="_blank";
}
function showppt(){
var obj=documentgetElementById("csslinkid2");
objhref="新窗口页面2htm"
objtarget="_blank";
}
然后你再在
“新窗口页面1htm”中加入:
<link rel="stylesheet" type="text/css" href="11-6catalogcss" />
“新窗口页面2htm”中加入:
<link rel="stylesheet" type="text/css" href="11-6pptcss" />
这样似乎能达到你的要求。

方法一:修改html里面js, css引用链接,指向cdn服务器(这些都有规律,直接替换应该可行)
方法二:在服务器做rewrite,将js, css的访问301到cdn
方法三:将所有的css, js引用改为xxphp,在xxphp里面集中处理这些请求,替换链接。
建议使用第一种。

调用样式表:
<html>
<head>
<title></title>
<link
href="样式表文件地址"
rel="stylesheet"
type="text/css"
/>
</head>
。。。
调用JS:
<script
type="text/javascript"
src="JS脚本地址"></script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13498370.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-19
下一篇 2023-08-19

发表评论

登录后才能评论

评论列表(0条)

保存