-任何標(biāo)簽的任何屬性都可以修改!
-HTML里是怎么寫, JS就怎么寫
以下是一段js 作用于 css 的 href的 代碼
<link id="l1" rel="stylesheet" type="text/css" href="css1.css" rel="external nofollow" /><script>function skin1(){ var oL=document.getElementById('l1'); oL.href='css1.css';} function skin2(){ var oL=document.getElementById('l1'); oL.href='css2.css';}</script> <input type="button" value="皮膚1" onclick="skin1()" /><input type="button" value="皮膚2" onclick="skin2()" />原理:
1.更改皮膚樣式是通過<link> 鏈接 css文件達(dá)成的
2.href = 'XXX' 是決定皮膚引用的鏈接文件是這個還是那個.
3. 更改 href 這個動態(tài)的變化是通過:
1. 事件觸發(fā) 'skin1' 'skin2'
2. skin1 或2 更改當(dāng)前href = 的值
我們在變更css的時候不是變更css樣式數(shù)據(jù)本身, 而是變更引用數(shù)據(jù).
在今后的編程里面思維, 變更意味著1. 變更源碼, 2. 變更引用.
css+JS代碼步驟:
1.確認(rèn)變更 類型, 是' 引用'還是' 源碼'. 如果是一般采取外部引用的css, 多數(shù)以變更引用
2. 安插id 或者class 到更改區(qū)域
3.直接用script函數(shù)干預(yù)id 的 '引用'或是'源碼' css 一般用href去引用
4. 想象并決定用哪個事件 (參考下表)
5.賦值觸發(fā)script 函數(shù).事件屬性(某個html下的標(biāo)簽),
| 屬性 | 當(dāng)以下情況發(fā)生時,出現(xiàn)此事件 | FF | N | IE |
| onabort | 圖像加載被中斷 | 1 | 3 | 4 |
| onblur | 元素失去焦點 | 1 | 2 | 3 |
| onchange | 用戶改變域的內(nèi)容 | 1 | 2 | 3 |
| onclick | 鼠標(biāo)點擊某個對象 | 1 | 2 | 3 |
| ondblclick | 鼠標(biāo)雙擊某個對象 | 1 | 4 | 4 |
| onerror | 當(dāng)加載文檔或圖像時發(fā)生某個錯誤 | 1 學(xué)習(xí)交流
熱門圖片
猜你喜歡的新聞
猜你喜歡的關(guān)注
新聞熱點 2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答 圖片精選 |