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 @   malala  阅读(34)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示