Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

js给onclick事件赋值，动态传参数实例解说_javascript技巧

WBOY
Freigeben： 2016-05-16 17:39:03
Original
907 Leute haben es durchsucht
我们先看看错误的例子
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value) <BR>{ <BR>alert(value); <BR>} <br><br>btn.onclick = show(certid.value); <BR><script> <BR></script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
复制代码 代码如下:

btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value1,value2) <BR>{ <BR>alert(value1+","+value2); <BR>} <br><br>var i = 10; <BR>btn.onclick = function(){ <BR>show(certid.value,i); <BR>}; <BR><script> <BR></script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Verwandte Etiketten：
onclick
Quelle：php.cn
Vorheriger Artikel：js 利用image对象实现图片的预加载提高访问速度_javascript技巧 Nächster Artikel：javascript重写alert方法的实例代码_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
JavaScript wird nicht wie erwartet ausgeführt Ich versuche, HTMLCSSJS reaktionsfähig zu machen, aber es funktioniert nicht wie erwartet....
Aus 2024-04-04 13:05:32
0
1
306
Fehler beim Einfügen der API-Funktion für Zwischenablagedaten in Javascript. Nicht abgefangener TypeError: Eigenschaften von undefiniert können nicht gelesen werden (liest „getData'). Der HTML-Schaltflächencode lautet wie folgt: Ich habe die einfache Onclick-Funktion auf de...
Aus 2024-04-04 10:23:52
0
1
335
Gibt es eine Möglichkeit, das Bild nach dem Klicken auszublenden und beim erneuten Klicken anzuzeigen? Ich habe ein Bild, das ein Objekt überlagert. Ich möchte darauf klicken und es ausblenden,...
Aus 2024-04-03 20:13:41
0
1
311
Im JSX-Modul importiertes React-CSS wird nicht angewendet Ich importiere meine CSS-Datei wie folgt: importstylesfrom "./Documentation.module.cs...
Aus 2024-04-03 18:41:07
0
1
365
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage