为什么html里面的onclick函数后面要加()，而js里面不需要？

wfc_666 发布于2019-08-21 11:26 / 2896人阅读

摘要：所以这个时候后面就不用加括号，当你触发事件的时候，直接就会执行，所以这时候，要是在后面加个括号，不触发事件也会直接执行。

原文链接：https://segmentfault.com/q/10...

我自己做了一下测试。

这个是在html里面直接绑定onclick事件，我打印了onclick，结果让我有些吃惊。
这是一个onclick函数，fn()则是在函数内部，所以当触发了onclick事件的时候，onclick函数就执行，这时候因为fn在onclick函数内部已经执行了，所以会打印出来123.

如果改成onclick="fn"呢？这时候打印出来的就是function onclick(){ fn }，所以即使点击了按钮，触发了onclick事件，fn依然不会执行。

上图是用DOM0级绑定点击事件的方法，我打印了一下onclick，结果发现onclick就是fn函数。
所以这个时候fn后面就不用加括号，当你触发onclick事件的时候，直接就会执行，所以这时候，要是在fn后面加个括号，不触发onclick事件也会直接执行fn。

私有云服务器托管 html里面加js js里面的 js标签里面的内容 js里面的if ==

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86711.html

DOM事件总结（一）

摘要：三级事件处理程序级事件定义了两个方法，分别用于处理指定和删除事件处理程序的操作和，他们都接收三个参数要处理的事件名作为事件处理程序的函数一个布尔值。布尔值如果是表示在捕获阶段调用事件处理程序，如果是表示在冒泡阶段调用事件处理程序。前言：撸完CSS－DOM紧接着来撸DOM事件，事件总结完成后我要开始总结动画，然后用纯JS实现一个轮播图，前路漫漫，还有各种框架等着我～～～本篇主要内容有：...

hedge_hog 2019-08-19 18:32 评论0 收藏0
使用事件处理程序

摘要：事件处理程序即事件直接加在结构里面的按钮该事件处理的缺点是和和的耦合性很高，一个地方发生更改时，要修改多处地方在调用函数的时候才在其后面加括号，如果要进行函数传参数，直接写函数名就行级事件处理程序较传统的方式是把一个函数赋值给一个事件的处理 1.HTML事件处理程序即事件直接加在HTML结构里面的 Function show(){ Alert(hello ); } 该事件处理...

hoohack 2019-08-21 18:47 评论0 收藏0
DOM事件模型

摘要：事件模型历史标准没有对事件进行修订所以事件模型的标准就是制定的标准规定了事件捕获事件冒泡事件取消和知识点在的属性中使用时要加括号在的中给点击事件赋值不加括号写在里相当于字符串里的代码是执行意思是执行这个这个代码意思是执行在里为一个函数返回类 DOM事件模型 1.历史 showImg(https://segmentfault.com/img/remote/1460000015281650...

codergarden 2019-08-22 18:03 评论0 收藏0
40 行代码内实现一个 React.js

摘要：代码托管这个仓库。假设现在我们需要实现一个点赞取消点赞的功能。如果你对前端稍微有一点了解，你就顺手拈来点赞为了现实当中的实际情况，所以这里特易把这个的结构搞得稍微复杂一些。这里非常暴力地使用了，把两个按钮粗鲁地插入了当中。作者：胡子大哈原文链接：http://huziketang.com/blog/posts/detail?postId=58aea515204d50674934c3a...

twohappy 2019-08-20 14:32 评论0 收藏0
Javascript中的异步编程

摘要：接下来，我们一起来看看中的异步编程，具体有哪几种。实现异步编程的方法一回调函数上面不止一次提到了回调函数。它是异步编程中，最基本的方法。四对象接下来，我们聊聊与相关的异步编程方法，对象。 showImg(https://segmentfault.com/img/bVbneWy?w=1600&h=1200); 前言最近，小伙伴S 问了我一段代码： const funB = (value...

wemall 2019-08-23 14:42 评论0 收藏0