Hari ini, ketika saya menggunakan jendela anak pop-up di proyek, saya memikirkan dua metode untuk diimplementasikan dengan JavaScript, satu adalah window.open (); yang lainnya adalah metode window.showmodaldialog (). Yang terakhir adalah jendela pop-up dengan hubungan orangtua-anak. Hanya ketika jendela anak ditutup, jendela induk diaktifkan, dan parameter dan nilai pengembalian dapat ditransfer. Cukup tinjau penggunaan lagi dan catat masalah yang dihadapi selama proses.
Pendahuluan Dasar:
showmodaldialog () (dukungan 4+)
showmodelessdialog () (dukungan 5+)
Metode window.showmodaldialog () digunakan untuk membuat kotak dialog modal yang menampilkan konten HTML.
Metode window.showmodelessdialog () digunakan untuk membuat kotak dialog non-modal yang menampilkan konten HTML.
Bagaimana menggunakan:
vreturnValue = window.showmodaldialog (surl [, varguments] [, sfeatures], "");
vreturnValue = window.showmodelessdialog (surl [, varguments] [, sfeatures], "");
Deskripsi Parameter:
Surl:
Parameter yang Diperlukan, Ketik: String. Digunakan untuk menentukan URL dokumen yang akan ditampilkan di kotak dialog.
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: Tinggi kotak dialog tidak kurang dari 100px. Unit default dialogheight dan dialogwidth di IE4 adalah Em, sedangkan di IE5 itu adalah PX. Demi kenyamanan, saat mendefinisikan kotak dialog dalam metode modal, gunakan PX 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 jenis. Untuk tipe string, maksimum adalah 4096 karakter, dan objek juga dapat dilewati.
2. Anda dapat mengembalikan informasi ke jendela di mana kotak dialog dibuka melalui Window.ReturnValue, dan tentu saja itu juga bisa menjadi objek.