Heim > Web-Frontend > js-Tutorial > JavaScript-Methode zum Hinzufügen von Doppelaktionen zu den Buttons_Javascript-Fähigkeiten

JavaScript-Methode zum Hinzufügen von Doppelaktionen zu den Buttons_Javascript-Fähigkeiten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-05-16 15:45:11
Original
1256 Leute haben es durchsucht

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>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage