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

posted @ 2021-12-10 20:55  malala  阅读(31)  评论(0编辑  收藏  举报