小編給大家分享一下JS如何干預(yù)html標(biāo)簽的屬性,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
我們提供的服務(wù)有:網(wǎng)站建設(shè)、做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、淮南ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的淮南網(wǎng)站制作公司以下是一段js 作用于 css 的 href的 代碼
原理:
1.更改皮膚樣式是通過 鏈接 css文件達(dá)成的
2.href = 'XXX' 是決定皮膚引用的鏈接文件是這個(gè)還是那個(gè).
3. 更改 href 這個(gè)動態(tài)的變化是通過:
1. 事件觸發(fā) 'skin1' 'skin2'
2. skin1 或2 更改當(dāng)前href = 的值
我們在變更c(diǎn)ss的時(shí)候不是變更c(diǎn)ss樣式數(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. 想象并決定用哪個(gè)事件 (參考下表)
5.賦值觸發(fā)script 函數(shù).事件屬性(某個(gè)html下的標(biāo)簽),
屬性 | 當(dāng)以下情況發(fā)生時(shí),出現(xiàn)此事件 | FF | N | IE |
onabort | 圖像加載被中斷 | 1 | 3 | 4 |
onblur | 元素失去焦點(diǎn) | 1 | 2 | 3 |
onchange | 用戶改變域的內(nèi)容 | 1 | 2 | 3 |
onclick | 鼠標(biāo)點(diǎn)擊某個(gè)對象 | 1 | 2 | 3 |
ondblclick | 鼠標(biāo)雙擊某個(gè)對象 | 1 | 4 | 4 |
onerror | 當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯誤 | 1 | 3 | 4 |
onfocus | 元素獲得焦點(diǎn) | 1 | 2 | 3 |
onkeydown | 某個(gè)鍵盤的鍵被按下 | 1 | 4 | 3 |
onkeypress | 某個(gè)鍵盤的鍵被按下或按住 | 1 | 4 | 3 |
onkeyup | 某個(gè)鍵盤的鍵被松開 | 1 | 4 | 3 |
onload | 某個(gè)頁面或圖像被完成加載 | 1 | 2 | 3 |
onmousedown | 某個(gè)鼠標(biāo)按鍵被按下 | 1 | 4 | 4 |
onmousemove | 鼠標(biāo)被移動 | 1 | 6 | 3 |
onmouseout | 鼠標(biāo)從某元素移開 | 1 | 4 | 4 |
onmouseover | 鼠標(biāo)被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某個(gè)鼠標(biāo)按鍵被松開 | 1 | 4 | 4 |
onreset | 重置按鈕被點(diǎn)擊 | 1 | 3 | 4 |
onresize | 窗口或框架被調(diào)整尺寸 | 1 | 4 | 4 |
onselect | 文本被選定 | 1 | 2 | 3 |
onsubmit | 提交按鈕被點(diǎn)擊 | 1 | 2 | 3 |
onunload | 用戶退出頁面 | 1 | 2 | 3 |
以下是一段JS作用于標(biāo)簽的事件屬性的代碼
一個(gè)例子:
這是更改源碼的類型
找到源碼區(qū)域 input, 幫input區(qū)域加一個(gè)id
想象一個(gè)叫onclick的事件, 當(dāng)鼠標(biāo)移上去id源碼就要改變
建立script 函數(shù), 更變更'.title'并賦值
賦值觸發(fā)script 函數(shù).事件屬性(input type=button)
看完了這篇文章,相信你對“JS如何干預(yù)html標(biāo)簽的屬性”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝各位的閱讀!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。