![]()
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head>
6
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8
9 <title>样式表切换</title>
10
11 <link href="css/default.css" type="text/css" rel="stylesheet" rev="stylesheet" title="default" />
12
13 <link href="css/alternate.css" type="text/css" rel="alternate stylesheet" rev="alternate" title="alternate" />
14
15 <script src="javascript/样式切换.js" type="text/javascript" language="javascript">
16
17 </script>
18
19 </head>
20
21
22
23 <body>
24
25 <!—设置样式表表为默认样式表 -->
26
27 <input type="button" value="style1" onclick="setActiveStyleSheet('default');" />
28
29 <!--设置样式表表为可选样式表 -->
30
31 <input type="button" value="style2" onclick="setActiveStyleSheet('alternate');" />
32
33 <!—获取当前样式表的对应 title -->
34
35 <input type="button" value="get stylesheet" onclick="getActiveStyleSheet('alternate');" />
36
37
38
39 </body>
40
41 </html>