javascript当中link 的alternate stylesheet 用法
例 6.4:linkChangeCssFileIEFF.html
马克-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>
更多内容请见原文,文章转载自:https://blog.csdn.net/qq_43650923/article/details/102650892