个人中心
退出
javascript当中link 的alternate stylesheet 用法
例 6.4：linkChangeCssFileIEFF.html
马克- to-win：马克 java社区：防盗版实名手机尾号： 73203。
马克-to--win:切换css文件：document.getElementsByTagName("link");
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<TITLE> New Document </TITLE>
<!--
马克-to-win: here the idea is that for the whole page, sometimes, we use this css, sometimes, we use that css,
with this method, we can switch. with this method, we can switch skin.
"alternate stylesheet"是备用样式。
-->
<link rel="alternate stylesheet" href="a.css" type="text/css" title="red" />
<link rel="stylesheet" href="b.css" type="text/css" title="green" />
<link rel="alternate stylesheet" href="c.css" type="text/css" title="blue" />
<script language="javascript">
function setActiveStyleSheet(t)
{
var links = document.getElementsByTagName("link");
links[0].disabled=false;
links[1].disabled=true;
links[2].disabled=true;
alert(links[0].disabled+""+links[1].disabled+links[1].getAttribute("title")+links[2].getAttribute("href"));
}
</script>
</HEAD>
<body>
<select id="" onChange=" setActiveStyleSheet(this)">
<option id="" value="red" >红</option>
<option id="" value="green" >绿</option>
<option id="" value="blue">蓝</option>
</select>
</body>
</HTML>
分类导航