Das Beispiel in diesem Artikel beschreibt, wie Sie mit JavaScript Doppelaktionen zu Schaltflächen hinzufügen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Hier wird JavaScript verwendet, um der Schaltfläche auf der Webseite gleichzeitig zwei Aktionen hinzuzufügen. Eine davon besteht darin, Text im Textfeld anzuzeigen, und die andere darin, zu einer bestimmten URL weiterzuleiten Der Button „Sprung“ war einmalig, und dieser springt erneut. Die Aktion zum Zuweisen von Text zum Textfeld wurde während der Übertragung hinzugefügt. Sobald Sie das Prinzip verstanden haben, können Sie es flexibel verwenden.
Der Screenshot des Laufeffekts sieht wie folgt aus:
Die Online-Demo-Adresse lautet wie folgt:
http://demo.jb51.net/js/2015/js-button-two-action-codes/
Der spezifische Code lautet wie folgt:
<title>JavaScript给按钮加上双重动作</title> <script language=JavaScript> function jdk1x() { var num1 = document.x.jdk.value; if(num1 == 'three') { document.x.jdk.value = document.x.jdk.value } else { document.x.jdk.value = "脚本之家欢迎您!" } location="http://www.jb51.net/" } </script> <form name=x> <input type=button value="脚本之家" onClick="jdk1x()"><br> <input type=text name=jdk width="300" onChange="document.x.jdk.value=''; return true"> </form>
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.