javascript 改變網(wǎng)頁(yè)加載的CSS主要通過(guò)動(dòng)態(tài)響應(yīng)select觸發(fā)的選項(xiàng)變化控制link標(biāo)簽加載的css,以實(shí)現(xiàn)不依賴cookie控制的頁(yè)面css樣式動(dòng)態(tài)加載功能,需要的朋友可以參考一下

這個(gè)是沒(méi)有種cookie的，記錄給自已。

復(fù)制代碼代碼如下:

<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>

復(fù)制代碼代碼如下:

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

 <option value="001" selected="selected">默認(rèn)樣式</option>  

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

 <option value="red">紅色夢(mèng)幻</option>  

</select>    

<div id="cssTest">  

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

</div>

看一下效果

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

您可能感興趣的文章:

相關(guān)文章

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