Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang penggunaan window.showModalDialog() dalam kemahiran JavaScript_javascript

Penjelasan terperinci tentang penggunaan window.showModalDialog() dalam kemahiran JavaScript_javascript

WBOY
WBOYasal
2016-05-16 16:25:571091semak imbas

Hari ini saya menggunakan tetingkap anak timbul dalam projek, dan saya memikirkan dua kaedah untuk melaksanakannya dalam JavaScript Satu ialah kaedah window.open(); kaedah dengan hubungan ibu bapa-anak Untuk tetingkap timbul, tetingkap induk diaktifkan hanya apabila tetingkap anak ditutup, dan parameter dan nilai pulangan boleh dipindahkan. Saya hanya mahu menyemak semula penggunaan dan merekodkan masalah yang dihadapi dalam proses tersebut.

Pengenalan asas:
​showModalDialog() (disokong oleh IE 4)
​showModelessDialog() (disokong oleh IE 5)
Kaedah window.showModalDialog() digunakan untuk mencipta kotak dialog modal yang memaparkan kandungan HTML.
Kaedah window.showModelessDialog() digunakan untuk mencipta kotak dialog bukan modal yang memaparkan kandungan HTML.

Cara menggunakan:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures],"");
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures],"");

Perihalan parameter:
sURL:
Parameter yang diperlukan, jenis: rentetan. Digunakan untuk menentukan URL dokumen yang akan dipaparkan dalam kotak dialog.
vArgumen:

Parameter pilihan, jenis: varian. Digunakan untuk menghantar parameter ke kotak dialog. Jenis parameter yang diluluskan tidak terhad, termasuk tatasusunan, dsb. Kotak dialog memperoleh parameter yang dihantar melalui window.dialogArguments.
sCiri:

Parameter pilihan, jenis: rentetan. Digunakan untuk menerangkan rupa kotak dialog dan maklumat lain, anda boleh menggunakan satu atau lebih daripada yang berikut, dipisahkan dengan koma bertitik ";".

1.dialogHeight: Ketinggian dialog, tidak kurang daripada 100px Unit lalai dialogHeight dan dialogWidth dalam IE4 ialah em, manakala dalam IE5 ialah px Untuk kemudahan, apabila mentakrifkan kotak dialog modal, gunakan px sebagai unit. .
2.dialogWidth: Lebar dialog.
3.dialogLeft: jarak dari sebelah kiri skrin.
4.dialogTop: jarak dari skrin.
5.pusat: {ya |. tidak |. 1 |.
​6.bantuan: {ya |. tidak |.
7.boleh diubah saiz: {ya |. tidak |. Lalainya ialah tidak.
8.status: {ya |. tidak |. Lalai ialah ya[Modal] atau tidak[Modal].
9. tatal:{ ya |. tidak |. 0 |. Lalainya ialah ya.
Atribut berikut digunakan dalam HTA dan biasanya tidak digunakan dalam halaman web biasa.
10.dialogHide: { ya | tidak |. 0 |. Lalainya ialah tidak.
11. tepi: { tenggelam |. timbul }: Menentukan gaya sempadan kotak dialog. Lalai dinaikkan.
12.tidak berhias:{ ya | tidak |.

Melalui parameter:
1. Untuk menghantar parameter ke kotak dialog, ia dihantar melalui vArguments. Tiada had pada jenis Untuk jenis rentetan, maksimum ialah 4096 aksara juga boleh dilalui.

2. Anda boleh mengembalikan maklumat ke tetingkap tempat kotak dialog dibuka melalui window.returnValue Sudah tentu, ia juga boleh menjadi objek.

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