Tutorial tentang melaksanakan kotak dialog dengan pengetahuan JavaScript

Tutorial tentang melaksanakan kotak dialog dengan pengetahuan JavaScript_Basic

WBOY

Lepaskan： 2016-05-16 15:56:50

asal

2241 orang telah melayarinya

JavaScript menyokong tiga jenis kotak dialog yang penting. Kotak dialog ini boleh digunakan untuk menaikkan dan memaklumkan, atau untuk mendapatkan pengesahan sebarang input atau input daripada pengguna.

Di sini, kita akan melihat setiap kotak dialog satu demi satu:
Dialog makluman:

Kotak dialog amaran digunakan terutamanya untuk memberikan mesej amaran kepada pengguna. Sama seperti jika medan input memerlukan beberapa teks untuk dimasukkan, tetapi pengguna tidak memasukkan medan sebagai pengesahan, anda boleh menggunakan kotak amaran, memberikan sebahagian daripada mesej amaran seperti berikut:

<head>
<script type="text/javascript">
<!--
  alert("Warning Message");
//-->
</script>
</head>

Salin selepas log masuk

Walau bagaimanapun, kotak amaran masih boleh digunakan untuk mesej mesra. Kotak amaran, hanya memberikan butang "Ok" untuk memilih dan meneruskan.

Dialog pengesahan:

Dialog pengesahan digunakan terutamanya untuk memberikan persetujuan pengguna kepada sebarang pilihan. Ia memaparkan kotak dialog dengan dua butang: OK dan Batal.

Jika pengguna mengklik butang OK, kaedah tetingkap confirm() akan kembali benar. Jika pengguna mengklik butang batal confirm() mengembalikan palsu. Dialog pengesahan boleh digunakan, seperti yang ditunjukkan di bawah:

<head>
<script type="text/javascript">
<!--
  var retVal = confirm("Do you want to continue &#63;");
  if( retVal == true ){
   alert("User wants to continue!");
  return true;
  }else{
   alert("User does not want to continue!");
  return false;
  }
//-->
</script>
</head>

Salin selepas log masuk

Kotak Dialog Gesaan:

Kotak dialog gesaan sangat berguna apabila anda ingin memunculkan kotak teks untuk mendapatkan input pengguna. Oleh itu, ia membolehkan anda berinteraksi dengan pengguna. Pengguna perlu mengisi medan dan klik OK.

Gunakan kotak dialog prompt() ialah kaedah, ia mempunyai dua parameter (I) untuk dipaparkan dalam kotak teks (Ⅱ) rentetan lalai untuk memaparkan label yang dipaparkan dalam kotak teks.

Kotak dialog ini mempunyai dua butang: OK dan Batal. Kaedah tetingkap prompt() akan mengembalikan nilai yang dimasukkan daripada kotak teks jika pengguna mengklik butang "OK". Jika pengguna mengklik butang "Batal", gesaan mod tetingkap() mengembalikan nol.

Kotak dialog segera boleh digunakan, seperti yang ditunjukkan di bawah:

<head>
<script type="text/javascript">
<!--
  var retVal = prompt("Enter your name : ", "your name here");
  alert("You have entered : " + retVal );
//-->
</script>
</head>

Salin selepas log masuk