Pengenalan kepada penggunaan tetingkap modal js (kotak dialog modal dan kotak dialog bukan modal)_Pengetahuan asas

Javascript dibahagikan kepada kotak dialog modal dan kotak dialog bukan mod Sebenarnya, perbezaan antara keduanya ialah sama ada pengguna boleh bekerja di tempat lain pada halaman yang sama sebelum kotak dialog ditutup. Sebagai contoh, kotak dialog "Buka Fail" ialah kotak dialog modal biasa Hanya apabila anda mengambil tindakan pada kotak dialog ini anda boleh melakukan operasi lain pada program yang membuka kotak dialog ini tidak diperlukan untuk kotak dialog bukan modal .

Dialog modal: showModalDialog
Dialog tanpa model: showModelessDialog

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

Nilai pulangan: vReturnValue, sudah tentu nilai pulangan dikembalikan dari kotak dialog
sURL: diperlukan, halaman yang anda ingin buka;

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 kotak dialog, tidak kurang daripada 100px Unit lalai dialogHeight dan dialogWidth dalam IE4 ialah em, manakala dalam IE5 ialah px Untuk kemudahan melihat, apabila mentakrifkan kotak dialog modal, gunakan px sebagai unit.
2.dialogWidth: lebar kotak dialog.
3.dialogLeft: jarak dari sebelah kiri skrin.
4.dialogTop: jarak dari skrin.
5.pusat: {ya |. tidak |. 1 |.
6.membantu: {ya |. tidak |. 1 |.
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.edge:{ sunken |. dinaikkan }: Menentukan gaya sempadan kotak dialog. Lalai dinaikkan.
12.tidak berhias:{ ya | tidak |.

Lulus parameter:

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

-------------------------------
ibu bapa.htm

<script> 
var obj = new Object(); 
obj.name="51js"; 
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px"); 
</script>

modal.htm

<script> 
var obj = window.dialogArguments 
alert("您传递的参数为：" + obj.name) 
</script>

---------------------------------

2. Anda boleh mengembalikan maklumat ke tetingkap yang membuka kotak dialog melalui window.returnValue, dan sudah tentu ia juga boleh menjadi objek. Contohnya:
-------------------------------
ibu bapa.htm

<script> 
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px"); 
alert(str); 
</script>

modal.htm

<script> 
window.returnValue="http://www.51js.com"; 
</script>

Selepas menggunakan window.showModalDialog atau window.showModelessDialog untuk membuka tetingkap modal, terdapat beberapa isu interaksi dengan tetingkap induk.

Prasyarat untuk operasi interaktif ialah apabila memanggil kaedah showModalDialog atau showModelessDialog, parameter kedua dihantar ke tetingkap, seperti:
window.showModelessDialog('filename.htm',window,'dialogWidth=200px;dialogHeight=250px;')
Seterusnya, ia adalah untuk mendapatkan beberapa data dan kaedah tetingkap induk, yang sering digunakan Tetingkap induk biasanya boleh mendapatkan parameter tetingkap anak melalui returnValue

//取得父窗口的JS变量 var 
window.dialogArguments.var; 
//获得父窗口的对象和属性 
window.dialogArguments.form1.name.value ; 
//调用父窗口的方法 fun
window.dialogArguments.fun() ;