HTML中如何使用随机应用样式(语言-javascript)

问题遇到的现象和发生背景

想做一个html页面，具有随机调用CSS样式的功能

问题相关代码，请勿粘贴截图

以下代码来自网上，测试不可用，可能是我不会使用：

<link rel="stylesheet" id="templatecss" type="text/css" href="/static/css/basic/1.css">
<body>
<script>
    var link = [];
    link[0] = "/static/css/basic/1.css";
    link[1] = "/static/css/basic/2.css";
    link[2] = "/static/css/basic/3.css";
    $(function() {
        var style = link[Math.floor(Math.random() * link.length )];
        if (document.createStyleSheet){
            document.createStyleSheet(style);
        }else{
            $('',{
                rel :'stylesheet',href: style
            }).appendTo('head');
        }
    });
script>
......
我想要达到的结果

每次刷新页面，样式随机应用

请指教！

img


如果是网上复制的代码这几个文件你准备了吗

逻辑没啥问题，类似于换肤，但是只能作用于同一个html，类名没有变化

样式 引入 正确吗