JavaScript dibagi menjadi kotak dialog mode dan kotak dialog non-mode. Bahkan, perbedaan antara keduanya adalah apakah pengguna dapat bekerja di tempat lain di halaman yang sama sebelum kotak dialog ditutup. Misalnya, kotak dialog "Buka File" adalah kotak dialog mode khas. Anda hanya dapat melakukan operasi lain pada program yang membuka kotak dialog, tetapi bukan kotak dialog Mode.
Dialog Mode: Showmodaldialog
Dialog non-mode: showmodelessdialog
vreturnValue = window.showmodaldialog (surl [, varguments] [, sfeatures])
vreturnValue = window.showmodelessdialog (surl [, varguments] [, sfeatures])
Nilai pengembalian: vreturnValue, yang tentu saja nilai pengembalian yang dikembalikan oleh kotak dialog;
Surl: Diperlukan, untuk halaman yang ingin Anda buka;
Vargumen--
Parameter opsional, ketik: varian. Digunakan untuk meneruskan parameter ke kotak dialog. Jenis parameter yang diteruskan tidak terbatas, termasuk array, dll. Kotak dialog menggunakan window.dialogArguments untuk mendapatkan parameter yang ditularkan.
sfeatures--
Parameter opsional, ketik: String. Informasi yang digunakan untuk menggambarkan penampilan kotak dialog, seperti informasi berikut, dapat dipisahkan oleh titik koma ";".
1.DialogHeight: Ketinggian kotak dialog tidak kurang dari 100px. Unit default dialogheight dan dialogwidth di IE4 adalah em, dan px di IE5 adalah px. Demi kenyamanan, saat mendefinisikan kotak dialog dalam metode modal, PX digunakan sebagai unit.
2.Dialogwidth: Lebar kotak dialog.
3.Dialogleft: Jarak dari kiri layar.
4.Dialogtop: Jarak dari layar.
5.Center: {Ya | Tidak | 1 | 0}: Apakah jendela dipusatkan, standarnya adalah ya, tetapi tinggi dan lebar masih dapat ditentukan.
6.Help: {Ya | Tidak | 1 | 0}: Apakah akan menampilkan tombol Bantuan, standarnya adalah ya.
7. Resizable: {Ya | Tidak | 1 | 0} [IE5+]: Apakah ukurannya dapat diubah. Default no.
8.Status: {Ya | Tidak | 1 | 0} [IE5+]: Apakah akan menampilkan bilah status. Default adalah ya [tanpa modal] atau tidak [modal].
9.scroll: {Ya | Tidak | 1 | 0 | di | OFF}: Menunjukkan apakah kotak dialog menampilkan bilah gulir. Default adalah ya.
Atribut berikut digunakan dalam HTA dan umumnya tidak digunakan di halaman web umum.
10.Dialoghide: {Ya | Tidak | 1 | 0 | di | OFF}: Apakah kotak dialog disembunyikan saat mencetak atau mencetak pratinjau. Default adalah tidak.
11.Edge: {Sunken | Dibesarkan}: Tentukan gaya perbatasan kotak dialog. Default dinaikkan.
12.unadorned: {Ya | Tidak | 1 | 0 | di | OFF}: Default adalah no.
Parameter Passing:
1. Jika Anda ingin meneruskan parameter di kotak dialog, itu dilewatkan melalui Varguments. Tidak ada batasan pada jenis, untuk tipe string, maksimum adalah 4096 karakter. Objek juga dapat dilewati, misalnya:
-------------------------------
Parent.htm
<script> var obj = objek baru (); obj.name = "51js"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogHeight = 100px"); </script>modal.htm
<script> var obj = window.dialogArguments peringatan ("Parameter yang Anda lewati adalah:" + obj.name) </script>-------------------------------
2. Anda dapat mengembalikan informasi ke jendela di mana kotak dialog dibuka melalui Window.ReturnValue, dan tentu saja itu juga bisa menjadi objek. Misalnya:
------------------------------
Parent.htm
<script> str = window.showmodaldialog ("modal.htm" ,, "dialogWidth = 200px; dialogHeight = 100px"); waspada (str); </script>modal.htm
<script> window.ReturnValue = "http://www.51js.com"; </script>
Setelah menggunakan window.showmodaldialog atau window.showmodelessdialog untuk membuka jendela mode, beberapa masalah interaksi dengan jendela induk.
Untuk operasi interaktif, saat memanggil metode showmodaldialog atau showmodelessdialog, parameter kedua diteruskan ke jendela, seperti:
window.showmodelessDialog ('filename.htm', window, 'dialogwidth = 200px; dialogHeight = 250px;')
Selanjutnya, ini adalah untuk mendapatkan beberapa data dan metode dari jendela induk. Ini sering digunakan. Parameter jendela induk yang mengambil jendela anak umumnya dapat ditangani dengan ReturnValue.
// Dapatkan variabel js var window.dialogarguments.var dari jendela induk; // Dapatkan objek dan atribut jendela jendela induk.dialogArguments.form1.name.value; // hubungi metode induk jendela funwinwindow.dialogarguments.fun ();