Kaedah JavaScript untuk menambah tindakan berganda pada kemahiran buttons_javascript

Contoh dalam artikel ini menerangkan cara menambahkan tindakan berganda pada butang menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Di sini, JavaScript digunakan untuk menambahkan dua tindakan pada butang pada halaman web pada masa yang sama Satu adalah untuk memaparkan teks dalam kotak teks, dan satu lagi adalah untuk mengubah hala ke URL tertentu lompat butang adalah tunggal, dan yang ini melompat lagi Tindakan menetapkan teks ke kotak teks telah ditambahkan semasa pemindahan Setelah anda memahami prinsipnya, anda boleh menggunakannya secara fleksibel.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-button-two-action-codes/

Kod khusus adalah seperti berikut:

<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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.