Artikel ini merangkum metode jendela pop-up JavaScript yang umum digunakan untuk perbandingan dan referensi Anda. Saya harap ini akan membantu Anda. Metode terperinci adalah sebagai berikut:
1. Segarkan halaman web secara diam -diam:
Pernahkah Anda memperhatikan bahwa ketika beberapa halaman web disegarkan, jendela yang cepat akan muncul, dan klik "OK" untuk menyegarkan.
Beberapa halaman tidak akan diminta, dan jendela prompt akan disegarkan secara langsung tanpa bermunculan.
Jika halaman tidak memiliki formulir,
Jendela prompt tidak akan muncul
Jika halaman memiliki formulir formulir,
a) <Metode form = "Posting" ...>
Jendela yang cepat akan muncul
b) <Metode form = "dapatkan" ...>
Tidak akan muncul
2. Cara menyegarkan halaman dalam JavaScript:
window.location.reload ();
Gunakan jendela pop-up pop-up untuk menyegarkan jendela induk
window.opener.location.reload ()
Mode Window Popup Menggunakan Window.Showdialog
window.dialogarguments.location.reload ();
3. JavaScript Kode Jendela Popup:
window.open () Metode:
window.open () mendukung lingkungan: javascript1.0+/jscript1.0+/nav2+/ie3+/opera3+
Sintaks Dasar:
window.open (pageurl, nama, parameter)
di dalam:
PageUrl adalah jalur jendela anak
Nama adalah pegangan jendela anak
Parameter adalah parameter jendela (setiap parameter dipisahkan oleh koma)
Contoh:
<script> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, toolbar = tidak, menubar = tidak, scrollbars = tidak, dapat diputar ulang = tidak, lokasi = tidak, status = tidak') // Tulis sebagai satu baris-> </skrip> no, no = no, no ') //Setelah skrip dijalankan, Page.html akan dibuka dalam bentuk baru NewWindow, dengan lebar 100, ketinggian 400, 0 piksel dari bagian atas layar, 0 piksel dari kiri layar, tidak ada bilah alat, tidak ada bilah menu, tidak ada bilah gulir, tidak ada ukuran, tidak ada bilah alamat, dan tidak ada bilah status.
Tolong bandingkan.
Contoh di atas adalah beberapa parameter yang umum digunakan, dan ada banyak parameter lain selain ini, silakan lihat 4.
Berbagai parameter
Di antara mereka, ya/tidak juga dapat digunakan 1/0; Nilai piksel adalah nilai spesifik, unit piksel.
Parameter | Rentang nilai | Keterangan
| |
Selalu lebih rendah | Ya/Tidak | Jendela yang ditentukan tersembunyi di balik semua jendela
selalu selalu | Ya/Tidak | Tentukan windows yang ditangguhkan di semua jendela
Tergantung | Ya/Tidak | Apakah akan menutup jendela induk secara bersamaan
direktori | Ya/Tidak | Adalah kolom direktori NAV2 dan 3 terlihat
Tinggi | nilai piksel | tinggi jendela
Hotkeys | Ya/Tidak | Atur hotkey keluar aman di jendela tanpa menu bilah
InnerHeight | nilai piksel | tinggi piksel dokumen di jendela
Innerwidth | nilai piksel | lebar piksel dokumen di jendela
Lokasi | Ya/Tidak | Apakah bar lokasi terlihat
Menubar | Ya/Tidak | Apakah bilah menu terlihat
OutheHeight | nilai piksel | Atur ketinggian piksel jendela (termasuk perbatasan dekoratif)
Outwidth | nilai piksel | Atur lebar piksel jendela (termasuk perbatasan dekoratif)
dapat diatur ulang | Ya/Tidak | Adalah ukuran jendela yang dapat diatur ulang
screenx | nilai piksel | Panjang piksel jendela ke batas kiri layar
screeney | nilai piksel | Panjang piksel jendela ke batas atas layar
Scrollbars | Ya/Tidak | Apakah ada scrollbar yang tersedia di jendela
TitleBar | Ya/Tidak | Apakah kolom judul jendela terlihat
Toolbar | Ya/Tidak | Apakah toolbar jendela terlihat
Lebar | nilai piksel | Lebar piksel jendela
z-look | Ya/Tidak | Apakah jendela mengapung di jendela lain setelah diaktifkan
function showDialog (url) {var iwidth = 300; // lebar jendela var iheight = 200; // window tinggi var itop = (window.screen.height-iheight)/2; var ileft = (window.screen.width-iwidth)/2; window.open (url, "detail", "scrollbars = tidak, toolbar = tidak, lokasi = tidak, arah = tidak, dapat diatur ulang = tidak, lebar ="+iwidth+", tinggi ="+iheight+", top ="+itop+", kiri ="+ileft); }window.showmodaldialog Metode:
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 dari dialogheight dan dialogwidth di IE4 adalah Em, dan PX di IE5. 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, default ke ya, tetapi Anda masih dapat menentukan tinggi dan lebar.
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 ke 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 vargumen. Tidak ada batasan pada jenis, untuk tipe string, maksimum adalah 4096 karakter. Objek juga dapat dilewati, misalnya:
-------------------------------
Parent.htm Page:
<script> var obj = objek baru (); obj.name = "jb51"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogHeight = 100px"); </script>Halaman Modal.htm:
<script> var obj = window.dialogArgumentSalet ("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 kode halaman:
<script> str = window.showmodaldialog ("modal.htm" ,, "dialogWidth = 200px; dialogHeight = 100px"); waspada (str); </script> modal.htm <script> window.returnValue = "http://www.jb51.com"; <///</scriptcontoh:
function showDialog (url) {var iwidth = 300; // lebar jendela var iheight = 200; // window tinggi var itop = (window.screen.height-iheight)/2; var ileft = (window.screen.width-iwidth)/2; window.showmodaldialog (url, window, "dialogHeight:"+iheight+"px; dialogwidth:"+iwidth+"px; dialogtop:"+itop+"; dialog:"+ileft+"; Ulang dapat diulang: tidak ada; status: tidak; no scroll"); }Perhatikan parameter kedua di sini, jendela
4. Masalah tidak menyegarkan data jendela mode (cache)
Tambahkan pernyataan berikut ke halaman JSP
<% response.setheader ("pragma", "no-cache"); response.setheader ("cache-control", "no-cache"); response.setDateheader ("kedaluwarsa", 0);%>5. Di jendela mode, tautan muncul masalah jendela baru:
◎ _blank, buka file tautan di jendela browser baru.
◎ _parent, muat file yang ditautkan ke set bingkai induk atau jendela induk yang berisi bingkai tautan. Jika kerangka yang berisi tautan tidak bersarang, file yang ditautkan dimuat di jendela layar penuh browser, sama seperti parameter _self.
◎ _Self, buka dokumen yang ditautkan dalam bingkai atau jendela yang sama. Parameter ini adalah nilai default dan biasanya tidak ditentukan.
◎ _top, membuka dokumen yang ditautkan di seluruh jendela browser saat ini, sehingga menghapus semua frame.
Tambahkan <a href = "a.html" target = "_ blank"/> antara </head> dan <body>
6. Cara menutup halaman secara diam -diam:
fungsi closewin () {var ua = navigator.useragent; var ie = navigator.appname == "microsoft internet explorer"? true: false; if (yaitu) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie")+5, ua.indexof (";", ua.indexof ("msie"))))); if (ieversion <5.5) {var str = ''; document.body.insertadJacentHtml ("beforend", str); document.all.noTipclose.click (); } else {window.opener = null; window.close (); }} else {window.close ()}}Pembaca yang tertarik dapat men -debug metode di atas, yang saya percaya akan membawa beberapa inspirasi dan bantuan untuk semua orang.