javascript - JS 網(wǎng)頁(yè)換膚之問(wèn)題
問(wèn)題描述
<link href='http://m.cgvv.com.cn/wenda/green.css' rel='stylesheet' type='text/css' />
window.onload = function (){ var oLink = document.getElementsByTagName('link')[0]; var oSkin = document.getElementById('skin').getElementsByTagName('li');for(var i = 0; i< oSkin.length; i++) {oSkin[i].onclick = function (){ for(var p in oSkin) oSkin[p].className = ''; this.className = 'current'; oLink[’href’] = this.id + '.css';}} };
<body><p id='outer'> <ul id='skin'><li >紅</li><li >綠</li><li >黑</li> </ul> <ul id='nav'><li><a href='javascript:;'>新聞</a></li><li><a href='javascript:;'>娛樂(lè)</a></li><li><a href='javascript:;'>體育</a></li><li><a href='javascript:;'>電影</a></li><li><a href='javascript:;'>音樂(lè)</a></li><li class='last'><a href='javascript:;'>旅游</a></li> </ul></p></body>
this.className = 'current'表示什么？ 是對(duì)應(yīng)當(dāng)前頁(yè)面是綠色狀態(tài)下的按鈕嗎
問(wèn)題解答
回答1：this.className = 'current'; 將當(dāng)前被點(diǎn)擊的那個(gè)<li> 的class 設(shè)為 current，達(dá)到動(dòng)態(tài)更改標(biāo)簽樣式的目的
回答2：.css 應(yīng)該是一個(gè)樣式文件，通過(guò)id來(lái)載入指定的皮膚樣式。
link 是一個(gè) html element，用來(lái)載入資源的。
回答3：一般來(lái)說(shuō)，換膚的話會(huì)涉及到很多CSS。我一般都會(huì)把外聯(lián)的CSS換掉來(lái)做這個(gè)功能。假設(shè)我現(xiàn)在有一個(gè)HTML文件和兩個(gè)HTML皮膚（就是倆CSS文件，一紅一黃）。簡(jiǎn)單的代碼如下<!DOCTYPE html><html><head>
<meta charset='utf-8'><title>test</title><link rel='stylesheet' href='http://m.cgvv.com.cn/wenda/red.css'>
</head><body>
<button id='red'>red</button><button id='yellow'>yellow</button><script> var css = document.getElementById('css'); var red = document.getElementById('red'); var yellow = document.getElementById('yellow'); red.onclick = function () {css.href = 'http://m.cgvv.com.cn/wenda/red.css'; }; yellow.onclick = function () {css.href = 'http://m.cgvv.com.cn/wenda/yellow.css'; };</script>
</body></html>大概就是這個(gè)感覺(jué)
回答4：你這個(gè)代碼應(yīng)該沒(méi)完，他這個(gè)代碼的意思估計(jì)是修改皮膚，動(dòng)態(tài)加載css樣式。
相關(guān)文章：
1. Python從URL中提取域名2. php傳對(duì)應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. python - scrapy url去重4. python - Flask寫的注冊(cè)頁(yè)面，當(dāng)注冊(cè)時(shí)，如果填寫數(shù)據(jù)庫(kù)里有的相同數(shù)據(jù)，就報(bào)錯(cuò)5. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑！求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦，實(shí)在是找不到哪里的問(wèn)題了。8. python - oslo_config9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 小白學(xué)python的問(wèn)題 關(guān)于%d和%s的區(qū)別
網(wǎng)公網(wǎng)安備