javascript - 事件的定義有無函數(shù)的區(qū)別
問題描述
<!doctype html><html lang='en'><head> <meta charset='UTF-8'> <title>跨游覽器封裝函數(shù)</title></head><body> <h1 onclick='alert(’這是html事件綁定方式1’)'>html事件綁定方式1</h1> <h1 onclick='f1()'>html事件綁定方式2</h1> <h2 onclick='f1()'>dom0級(jí)事件綁定方式</h2> <script type='text/javascript'>function f1(){ alert(’這是html事件綁定方式2’);}var h2 = document.getElementsByTagName(’h2’);console.log(h2[0]);h2[0].onclick = function(){ alert(’這是dom0級(jí)事件綁定方式’);}h2[0].onclick = 'alert(’這是dom0級(jí)事件綁定方式’)'; </script> </body></html>
問題解答
回答1：1.首先h2[0].onclick = 'alert(’這是dom0級(jí)事件綁定方式’)';這個(gè)寫法你仔細(xì)看下就知道是什么意思了！相當(dāng)于把'alert(’這是dom0級(jí)事件綁定方式’)'當(dāng)成一串字符串賦值給onclick，只是一串字符串，無法起效的！2.然后，<h1 onclick='alert(’這是html事件綁定方式1’)'>html事件綁定方式1</h1>，這個(gè)寫法，在html標(biāo)簽這里綁定的，onclick后面跟著的alert(’這是html事件綁定方式1’),這部分就是函數(shù)的內(nèi)容，就是你點(diǎn)擊了，觸發(fā)了事件，就執(zhí)行的內(nèi)容。跟<h1 onclick='(function(){alert(’這是html事件綁定方式1’)})()'>html事件綁定方式1</h1>這個(gè)寫法是等價(jià)的，看了這個(gè)寫法就知道是怎么回事了！就是相當(dāng)于，定義了一個(gè)自動(dòng)執(zhí)行的匿名函數(shù)，而函數(shù)執(zhí)行的內(nèi)容，就是你寫的alert(’這是html事件綁定方式1’)。3.最后，這個(gè)就不多解釋了，這個(gè)是原理就是點(diǎn)擊后出發(fā)的事件，執(zhí)行函數(shù)而已！
h2[0].onclick = function(){ alert(’這是dom0級(jí)事件綁定方式’);}回答2：
第一個(gè)行內(nèi)定義的是DOM元素的attribute，下面訪問DOM.onclick可以看作是訪問的property。
<a onclick='alert(’abc’)'>test</a><script>var a = document.querySelector(’#test’);console.log(a.onclick); // function onclick(event) { alert(’abc’); }a.attributes[’onclick’].value = ’alert(’test’)’;console.log(a.onclick); // function onclick(event) { alert(’test’); }</script>
相關(guān)文章：
1. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？2. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境3. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)！4. spring-mvc - spring-session-redis HttpSessionListener失效5. javascript - QQ第三方登錄的問題6. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]7. javascript - node得到req不能得到boolean8. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題！！9. java - Spring boot 讀取 放在 jar 包外的，log4j 配置文件，系統(tǒng)有創(chuàng)建日志文件，不寫入日志信息。10. javascript - 在 model里定義的 引用表模型時(shí)，model為undefined。
網(wǎng)公網(wǎng)安備