為什么html里面的onclick函數(shù)后面要加()，而js里面不需要？

wfc_666 發(fā)布于2019-08-21 11:26 / 3101人閱讀

摘要：所以這個時候后面就不用加括號，當(dāng)你觸發(fā)事件的時候，直接就會執(zhí)行，所以這時候，要是在后面加個括號，不觸發(fā)事件也會直接執(zhí)行。

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

我自己做了一下測試。

這個是在html里面直接綁定onclick事件，我打印了onclick，結(jié)果讓我有些吃驚。
這是一個onclick函數(shù)，fn()則是在函數(shù)內(nèi)部，所以當(dāng)觸發(fā)了onclick事件的時候，onclick函數(shù)就執(zhí)行，這時候因為fn在onclick函數(shù)內(nèi)部已經(jīng)執(zhí)行了，所以會打印出來123.

如果改成onclick="fn"呢？這時候打印出來的就是function onclick(){ fn }，所以即使點擊了按鈕，觸發(fā)了onclick事件，fn依然不會執(zhí)行。

上圖是用DOM0級綁定點擊事件的方法，我打印了一下onclick，結(jié)果發(fā)現(xiàn)onclick就是fn函數(shù)。
所以這個時候fn后面就不用加括號，當(dāng)你觸發(fā)onclick事件的時候，直接就會執(zhí)行，所以這時候，要是在fn后面加個括號，不觸發(fā)onclick事件也會直接執(zhí)行fn。

云服務(wù)器 GPU云服務(wù)器 html里面加js js里面的 js標(biāo)簽里面的內(nèi)容 js里面的if ==

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86711.html

相關(guān)文章

DOM事件總結(jié)（一）

摘要：三級事件處理程序級事件定義了兩個方法，分別用于處理指定和刪除事件處理程序的操作和，他們都接收三個參數(shù)要處理的事件名作為事件處理程序的函數(shù)一個布爾值。布爾值如果是表示在捕獲階段調(diào)用事件處理程序，如果是表示在冒泡階段調(diào)用事件處理程序。前言：擼完CSS－DOM緊接著來擼DOM事件，事件總結(jié)完成后我要開始總結(jié)動畫，然后用純JS實現(xiàn)一個輪播圖，前路漫漫，還有各種框架等著我～～～本篇主要內(nèi)容有：...

hedge_hog 2019-08-19 18:32 評論0 收藏0
使用事件處理程序

摘要：事件處理程序即事件直接加在結(jié)構(gòu)里面的按鈕該事件處理的缺點是和和的耦合性很高，一個地方發(fā)生更改時，要修改多處地方在調(diào)用函數(shù)的時候才在其后面加括號，如果要進(jìn)行函數(shù)傳參數(shù)，直接寫函數(shù)名就行級事件處理程序較傳統(tǒng)的方式是把一個函數(shù)賦值給一個事件的處理 1.HTML事件處理程序即事件直接加在HTML結(jié)構(gòu)里面的 Function show(){ Alert(hello ); } 該事件處理...

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

摘要：事件模型歷史標(biāo)準(zhǔn)沒有對事件進(jìn)行修訂所以事件模型的標(biāo)準(zhǔn)就是制定的標(biāo)準(zhǔn)規(guī)定了事件捕獲事件冒泡事件取消和知識點在的屬性中使用時要加括號在的中給點擊事件賦值不加括號寫在里相當(dāng)于字符串里的代碼是執(zhí)行意思是執(zhí)行這個這個代碼意思是執(zhí)行在里為一個函數(shù)返回類 DOM事件模型 1.歷史 showImg(https://segmentfault.com/img/remote/1460000015281650...

codergarden 2019-08-22 18:03 評論0 收藏0
40 行代碼內(nèi)實現(xiàn)一個 React.js

摘要：代碼托管這個倉庫。假設(shè)現(xiàn)在我們需要實現(xiàn)一個點贊取消點贊的功能。如果你對前端稍微有一點了解，你就順手拈來點贊為了現(xiàn)實當(dāng)中的實際情況，所以這里特易把這個的結(jié)構(gòu)搞得稍微復(fù)雜一些。這里非常暴力地使用了，把兩個按鈕粗魯?shù)夭迦肓水?dāng)中。作者：胡子大哈原文鏈接：http://huziketang.com/blog/posts/detail?postId=58aea515204d50674934c3a...

twohappy 2019-08-20 14:32 評論0 收藏0
Javascript中的異步編程

摘要：接下來，我們一起來看看中的異步編程，具體有哪幾種。實現(xiàn)異步編程的方法一回調(diào)函數(shù)上面不止一次提到了回調(diào)函數(shù)。它是異步編程中，最基本的方法。四對象接下來，我們聊聊與相關(guān)的異步編程方法，對象。 showImg(https://segmentfault.com/img/bVbneWy?w=1600&h=1200); 前言最近，小伙伴S 問了我一段代碼： const funB = (value...

wemall 2019-08-23 14:42 評論0 收藏0