HTML中的樣式是一種強(qiáng)大的工具,可以通過它將網(wǎng)站的外觀變得更加直觀和易于理解。而風(fēng)格樣式切換則是使得網(wǎng)站更加靈活,因?yàn)橛脩艨梢噪S意切換不同的外觀風(fēng)格,以滿足他們的偏好。下面是一段簡(jiǎn)單的HTML代碼,用于實(shí)現(xiàn)風(fēng)格樣式切換功能:
<head> <link rel="stylesheet" type="text/css" id="style" href="style1.css"> </head> <body> <button onclick="changeStyle()">切換風(fēng)格</button> <script> function changeStyle() { var style = document.getElementById('style'); if (style.href.match('style1.css')) { style.href = 'style2.css'; } else { style.href = 'style1.css'; } } </script> </body>
在這段代碼中,我們首先在
標(biāo)簽中定義了一個(gè)標(biāo)簽,它會(huì)加載樣式表文件style1.css。在標(biāo)簽內(nèi)部我們定義了一個(gè)