cari

Rumah >hujung hadapan web >tutorial js >Tutorial tentang melaksanakan kotak dialog dengan pengetahuan JavaScript_Basic

Tutorial tentang melaksanakan kotak dialog dengan pengetahuan JavaScript_Basic

WBOY
WBOYasal
2016-05-16 15:56:502242semak imbas

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>

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>


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>

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Tutorial asas menggunakan fungsi JavaScript_Pengetahuan asasArtikel seterusnya：Tutorial asas menggunakan fungsi JavaScript_Pengetahuan asas

Artikel berkaitan

Lihat lagi