javascript - 事件的定义有无函数的区别
问题描述
<!doctype html><html lang='en'><head> <meta charset='UTF-8'> <title>跨游览器封装函数</title></head><body> <h1 onclick='alert(’这是html事件绑定方式1’)'>html事件绑定方式1</h1> <h1 onclick='f1()'>html事件绑定方式2</h1> <h2 onclick='f1()'>dom0级事件绑定方式</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级事件绑定方式’);}h2[0].onclick = 'alert(’这是dom0级事件绑定方式’)'; </script> </body></html>
问题解答
回答1：1.首先h2[0].onclick = 'alert(’这是dom0级事件绑定方式’)';这个写法你仔细看下就知道是什么意思了！相当于把'alert(’这是dom0级事件绑定方式’)'当成一串字符串赋值给onclick，只是一串字符串，无法起效的！2.然后，<h1 onclick='alert(’这是html事件绑定方式1’)'>html事件绑定方式1</h1>，这个写法，在html标签这里绑定的，onclick后面跟着的alert(’这是html事件绑定方式1’),这部分就是函数的内容，就是你点击了，触发了事件，就执行的内容。跟<h1 onclick='(function(){alert(’这是html事件绑定方式1’)})()'>html事件绑定方式1</h1>这个写法是等价的，看了这个写法就知道是怎么回事了！就是相当于，定义了一个自动执行的匿名函数，而函数执行的内容，就是你写的alert(’这是html事件绑定方式1’)。3.最后，这个就不多解释了，这个是原理就是点击后出发的事件，执行函数而已！
h2[0].onclick = function(){ alert(’这是dom0级事件绑定方式’);}回答2：
第一个行内定义的是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>
相关文章：
1. docker网络端口映射，没有方便点的操作方法么？2. docker容器呢SSH为什么连不通呢？3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~5. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？6. docker api 开发的端口怎么获取？7. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？8. golang - 用IDE看docker源码时的小问题9. docker start -a dockername 老是卡住，什么情况？10. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
网公网安备