<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" />  

<script>  

function changeStyle(name){  

 //alert(name);  

 var css = document.getElementById("cssfile");  

 css.href = name+".css";  

}  

</script>

復制代碼代碼如下:

<select onchange="changeStyle(this.options[this.selectedIndex].value)">  

 <option value="001" selected="selected">默認樣式</option>  

 <option value="blue">藍色經(jīng)典</option>  

 <option value="red">紅色夢幻</option>  

</select>    

<div id="cssTest">  

我是一只小小小小小鳥！  

</div>

看一下效果

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

JavaScript中幾種時間格式之間的簡單轉(zhuǎn)換
近期在練習或?qū)戫椖繒r經(jīng)常會遇到時間格式的轉(zhuǎn)換問題,今天我就來總結(jié)一下,這篇文章主要給大家介紹了關于JavaScript中幾種時間格式之間的簡單轉(zhuǎn)換,需要的朋友可以參考下
2024-01-01
教你用Js寫一個簡單的五子棋小游戲
聽說這是一道騰訊的面試題,可能網(wǎng)上已經(jīng)有不少答案了,晚上沒事看到這道題就自己做了下,下面這篇文章主要給大家介紹了關于如何用Js寫一個簡單的五子棋小游戲的相關資料,需要的朋友可以參考下
2022-07-07
JS模擬超市簡易收銀臺小程序代碼解析
本文通過實例代碼給大家介紹了JS模擬超市簡易收銀臺小程序代碼，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-08-08
Vue使用Canvas繪制圓與半圓的示例詳解
在?Canvas?中,基本圖形包括直線圖形和曲線圖形,在我們的工作中,經(jīng)常在統(tǒng)計圖中會看到有餅狀圖等這樣的圓弧圖形,當然繪制曲線圖形那么我們要知道曲線圖形的繪制往往會涉及到曲線與弧線,所以本文就給大家介紹一下Canvas繪制圓與半圓的方法
2023-08-08
微信小程序scroll-view仿拼多多橫向滑動滾動條
這篇文章主要為大家詳細介紹了微信小程序scroll-view仿拼多多橫向滑動滾動條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
JavaScript實現(xiàn)經(jīng)典排序算法之選擇排序
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)經(jīng)典排序算法之選擇排序，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript函數(shù)中關于valueOf和toString的理解
本文給大家介紹JavaScript函數(shù)中關于valueOf和toString的理解，簡單的說就是需要轉(zhuǎn)換為字符串時，會調(diào)用toString，需要轉(zhuǎn)換為數(shù)字時需要調(diào)用valueOf。對js valueof tostring知識感興趣的朋友一起學習吧
2016-06-06
JavaScript ES6 Module模塊詳解
這篇文章主要介紹了ES6新特性之模塊Module用法,簡要說明了模塊Module的概念、功能并結(jié)合實例形式分析了模塊Module的使用方法與相關注意事項,需要的朋友可以參考下
2021-10-10
JavaScript在瀏覽器中的執(zhí)行機制
既然說到了JavaScript,那么就會繞不過去執(zhí)行上下文,只有理解了執(zhí)行上下文才能更好的理解JavaScript本身,不過本部分不是專門講解?JavaScript的,主要從JavaScript的執(zhí)行順序開始介紹一下JavaScript是怎樣運行的
2023-09-09
談談我對JavaScript原型和閉包系列理解(隨手筆記9)
這篇文章主要介紹了談談我對JavaScript原型和閉包系列理解(隨手筆記9)的相關資料,需要的朋友可以參考下
2015-12-12