<html>
<head id="d">
<script language="javascript">
function a(){
var d=document.getElementById("d");
var o=document.createElement("link");
o.href="1.css";
o.rel="stylesheet" ;
o.type="text/css";
d.appendChild(o);
alert("ok");
}
</script>
</head>
<body onload="a();">
<button class="a">dddd</button>
</body>
</html>
1.css
.a{
background-color:#FE9804;
border:0px;
}
<head id="d">
<script language="javascript">
function a(){
var d=document.getElementById("d");
var o=document.createElement("link");
o.href="1.css";
o.rel="stylesheet" ;
o.type="text/css";
d.appendChild(o);
alert("ok");
}
</script>
</head>
<body onload="a();">
<button class="a">dddd</button>
</body>
</html>
1.css
.a{
background-color:#FE9804;
border:0px;
}
如果融合Ajax的应用,能产生什么独特的方式?比如说Css文件可以通过文件属性配置生成,而不是一个固定的1.css/2.css/3.css.......
你把你通过文件属性配置获得的css的名称传递过来就可以了<html>
<head id="d">
<script language="javascript">function createCss(name){
var d=document.getElementById("d");var o=document.createElement("link");
o.href=name;
o.rel="stylesheet" ;
o.type="text/css";
d.appendChild(o);}function a(){
//获取你css的路径,赋值给name
var name="1.css"
createCss(name);
}</script>
</head>
<body onload="a();">
<button class="a" onclick="a();">dddd</button>
</body>
</html>