JavaScript实现网页换肤

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link id="link1" rel="stylesheet" type="text/css" href="" />
<script>
    function skin1()
    {
        var ol=document.getElementById('link1');
        ol.href='红色.css';
    }
    
    function skin2()
    {
        var ol=document.getElementById('link1');
        ol.href='黄色.css';
    }
</script>
</head>

<body>
<input type="button" value="红色皮肤" onClick="skin1()" />
<input type="button" value="黄色皮肤" onClick="skin2()" />
</body>
</html>

@charset "utf-8"; /* CSS Document */ body {background:red;}

@charset "utf-8"; /* CSS Document */ body {background: yellow;}