第十一节 JavaScript网页换肤实例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <link rel="stylesheet" type="text/css" href="skin01.css" id="css01">
 7     <script type="text/javascript">
 8         window.onload = function(){
 9             var oDiv = document.getElementById('btn1');
10             oDiv.onclick = function(){
11                 oLink = document.getElementById('css01')
12                 oLink.href = 'skin02.css'
13             };
14             var oDiv1 = document.getElementById('btn2');
15             oDiv1.onclick = function(){
16                 oLink1 = document.getElementById('css01')
17                 oLink1.href = 'skin01.css'
18             };
19 
20         }
21     </script>
22 </head>
23 <body>
24     <div></div>
25     <input type="button" name="" id="btn1" value="换肤1">
26     <input type="button" name="" id="btn2" value="换肤2">
27 </body>
28 </html>