用下拉框选择CSS的代码如何写

发布网友 发布时间：2022-04-06 11:52

我来回答

共2个回答

热心网友 时间：2022-04-06 13:21

将CSS用变量写到页面中去
比如你有3个CSS
css1.css2.css3
<%
CssUrl=Request("CssName")
if CssUrl="" then
CssUrl="默认的css"
else
CssUrl=Request("CssName")
End if
%>
加载的时候加载默认的一个随便那个都可以了
<link id="CssInclude" href="<%=CssUrl%>" rel="stylesheet" type="text/css">
然后再下来菜单中
<form name=frm1 method=post>
<select name="CssName" onchange="js:frm1.submit();">
<option value=<%=css1地址%> selected>css1</option>
<!--默认css样式-->
<option value=<%=css2地址%> >css2</option>
<option value=<%=css3地址%> >css3</option>
</select></form>
你是什么写的页面
asp按照我说做
如果是html
<link id="CssInclude" href="默认css地址" rel="stylesheet" type="text/css">
然后再下来菜单中
<form name=frm1 method=post>
<select name="CssName" onchange="document.all.CssInclude.href=this.value;location.location.reload();">
<option value=<%=css1地址%> selected>css1</option>
<!--默认css样式-->
<option value=<%=css2地址%> >css2</option>
<option value=<%=css3地址%> >css3</option>
</select></form>

热心网友 时间：2022-04-06 14:39

结果真有js控制

----转贴-----------
<script language="javascript">
//动态加载一个js/css文件
function loadjscssfile(filename, filetype){
if (filetype=="js"){
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else 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)
}

</script>
使用示例：
loadjscssfile("myscript.js", "js")
loadjscssfile("javascript.php", "js")
loadjscssfile("mystyle.css", "css")

<script language="javascript">
//移动已经加载过的js/css
function removejscssfile(filename, filetype){
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none"
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none"
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--){
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
allsuspects[i].parentNode.removeChild(allsuspects[i])
}
}
</script>

使用示例：
removejscssfile("somescript.js", "js")
removejscssfile("somestyle.css", "css")

还不止这些，我们还可以替换已经加载的js/css文件，代码如下：
<script language="javascript">
function createjscssfile(filename, filetype){
if (filetype=="js"){
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
return fileref
}

function replacejscssfile(oldfilename, newfilename, filetype){
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none"
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none"
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--){
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(oldfilename)!=-1){
var newelement=createjscssfile(newfilename, filetype)
allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
}
}
}
</script>

使用示例：
replacejscssfile("oldscript.js", "newscript.js", "js")
replacejscssfile("oldstyle.css", "newstyle", "css")

怎么样，很强大吧，这是收集整理自国*站，

尊重源作者权益将原文地址附上：

http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml