1. Tiga kotak dialog paling umum di JS
//=================================================================/The dialog box pops up and outputs a prompt message function ale() { //A dialog box alert("Prompt message!"); } // kotak kueri muncul, dengan konfirmasi dan membatalkan tombol fungsi firma () {// Gunakan nilai yang dikembalikan oleh kotak dialog (true atau false) if (konfirmasi ("apakah Anda pasti akan mengirimkan?")) {Alert ("diklik untuk konfirmasi"); } else {alert ("diklik untuk membatalkan"); }} // kotak input muncul, memasukkan paragraf teks, dan Anda dapat mengirimkan fungsi prom () {var name = prompt ("Harap masukkan nama Anda", ""); // Tetapkan konten input ke nama variabel, // Perlu dicatat di sini bahwa propt memiliki dua parameter. Jika prompt adalah prompt, dan kemudian nilai default di kotak dialog setelah kotak dialog keluar.//if Konten yang dikembalikan adalah {alert ("Welcome:" + Name)}}2. 6 kotak dan operasi prompt yang biasa digunakan saat mengklik tombol
<! -------------------------> <input type = "Tombol" name = "btn2" id = "btn2" value = "delete" onclick = "return confirm ('yes/no');); <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- OnClick = "javascript: window.location.href = 'http: //www.baidu.com';"/> <! ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JavaScript: window.location.reload (); // Kembali ke halaman saat ini dan Refresh <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------3. Jendela Independen Pop Up
// Tutup, kotak dialog muncul di jendela induk, dan jendela anak langsung menutup ini.response.write ("<bahasa skrip = javascript> window.close (); </script>"); // Tutup, baik jendela induk maupun jendela anak muncul di jendela induk, langsung menutup ini.response.write ("<script>"); this.response.write ("{top.opener = null; top.close ();}"); this.response.write ("</script>"); // Jendela populer menyegarkan lebar halaman saat ini = 200 tinggi = 200 menu. Bilah menu, bilah alat, bilah alamat, bilah status tidak memiliki this.response.write ("<bahasa skrip = javascript> window.open ('rows.aspx', 'newwindow', 'width = 200, tinggi = 200') </script>"); // jendela pop-up menyegarkan halaman saat ini this.response.write ("<script language = javascript> window.open ('rows.aspx') </ptript>"); this.response.write ("<script> window.open ('webform2.aspx', '_ blank'); </script>"); // Jendela prompt pop-up melompat ke halaman WebForm2.aspx (di jendela IE) this.response.write ("<bahasa skrip = javascript> alert ('terdaftar dengan sukses'); window.location.href = 'webform2.aspx'; </script>"); // Tutup jendela anak saat ini dan refresh jendela induk this.response.write ("<script> window.opener.location.href = window.opener.location.href; window.close (); </script>"); this.response.write ("<script> window.opener.location.replace (window.opener.document.referrer); window.close (); </script>"); // Jendela anak menyegarkan jendela induk this.response.write ("<script> window.opener.location.href = window.opener.location.href = 'webform1.aspx'; </script>"); // jendela anak menyegarkan jendela induk this.response.write ("<script> window.opener.location.href = 'webform1.aspx'; </script>"); // Jendela anak muncul. Setelah konfirmasi, jendela anak muncul (WebForm2.aspx) this.response.write ("<skrip bahasa = 'javascript'> alert ('Diposting dengan sukses!'); Window.open ('WebForm2.aspx') </script>"); // Jendela prompt muncul, dan setelah konfirmasi, refresh jendela induk this.response.write ("<script> alert ('Diposting dengan sukses!'); Window.opener.location.href = window.opener.location.href; </script>"); // Halaman yang sama muncul <input type = "Tombol" value = "Tombol" OnClick = "JavaScript: window.open (window.location.href)"> // response.write ("parent.mainframebottom.location.href = 'yourwebform.aspx? Temp =" +str +";"); <Bahasa skrip = "javascript"> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, toolbar = tidak, menubar = tidak, scrollbars = tidak, tidak dapat diputar ulang = tidak ada, lokasi = tidak, status = tidak') // SCROLLBARS = tidak ada, satu kali dipredikasikan = no, lokasi = tidak, status = tidak ') // SCROLLBARS = Tidak, satu kali dipredikasikan = no, no location = no, no')Penjelasan Parameter:
window.open perintah untuk memunculkan jendela baru;
Nama file 'Halaman.html' dari jendela pop-up;
'NewWindow' nama jendela pop-up (bukan nama file), jika tidak diperlukan, itu dapat diganti dengan kosong '';
tinggi = 100 jendela tinggi;
lebar = 400 lebar jendela;
atas = 0 nilai piksel jendela dari atas layar;
Kiri = 0 Nilai piksel jendela di sebelah kiri layar;
toolbar = tidak apakah akan menampilkan bilah alat, ya adalah tampilan;
Menubar, scrollbar berarti bar menu dan scrollbar.
dapat diputar ulang = tidak apakah akan mengizinkan mengubah ukuran jendela, ya diperbolehkan;
Lokasi = Tidak Apakah akan menampilkan bilah alamat, ya diizinkan;
Status = Tidak Apakah akan menampilkan informasi di bilah status (biasanya file sudah terbuka), ya diizinkan;
'Newwin': Sembunyikan Toolbar Bar Alamat Menu Bar
4. Demonstrasi contoh jendela pop-up
// 1. Window window window pop-up paling dasar.open ('page.html') // 2. Jendela pop-up setelah pengaturan window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, toolbar = no, menubar = tidak, scrollbars = tidak, diputar ulang = tidak, lokasi = tidak, status = tidak') // Kalimat ini harus ditulis dalam satu baris// no paramer = no, status = tidak ') // Kalimat ini harus ditulis dalam satu baris// no paramer = no status = no')/ //'page.html 'Nama file jendela pop-up; // 'NewWindow' nama jendela pop-up (bukan nama file), jika tidak diperlukan, Anda dapat menggunakan kosong '' sebagai gantinya; // Tinggi = 100 Tinggi Jendela; // Lebar = 400 lebar jendela; // atas = 0 nilai piksel jendela dari atas layar; // kiri = 0 nilai piksel jendela dari sisi kiri layar; // toolbar = tidak apakah akan menampilkan bilah alat, ya adalah tampilan; // Menubar, scrollbar mewakili bilah menu dan scrollbar. // dapat diputar ulang = tidak apakah akan mengizinkan mengubah ukuran jendela, ya diperbolehkan; // Lokasi = Tidak Apakah akan menampilkan bilah alamat, ya diizinkan; // status = tidak apakah akan menampilkan informasi di bilah status (biasanya file telah dibuka), ya diizinkan; // 3. Gunakan fungsi untuk mengontrol fungsi jendela pop-up OpenWin () {window.open ("page.html", "newwindow", "height = 100, width = 400, toolbar = tidak, menubar = tidak, scrollbars = tidak, dokumen = tidak, lokasi = tidak, status = tidak") / /Tulis sebagai baris} (dokumen). // Fungsi OpenWin () didefinisikan di sini, dan konten fungsi untuk membuka jendela. Tidak ada gunanya sampai dipanggil. Bagaimana cara menyebutnya? // Metode 1: <body onload = "openwin ()"> Jendela pop-up adalah ketika browser membaca halaman; // Metode 2: <body onunload = "openwin ()"> Jendela pop-up adalah ketika browser meninggalkan halaman; // Metode 3: Hubungi dengan koneksi: // <a href = "#" onclick = "openwin ()"> Buka jendela </a> // Catatan: "#" yang digunakan adalah koneksi virtual. // Metode 4: Panggilan dengan satu tombol: // <input type = "tombol" onclick = "openwin ()" value = "openwin ()"> // 4, 2 windows muncul pada fungsi waktu yang sama openwin () {window.open ("page.html", "newWindow", "height = 100, wide = 100, page. scrollbars = tidak, dapat diputar ulang = tidak, lokasi = tidak, status = tidak ") // Tuliskan ke jendela baris. // Untuk menghindari menutupi dua jendela yang muncul, gunakan atas dan kiri untuk mengontrol posisi popup dan tidak saling menimpa. Akhirnya, gunakan empat metode yang disebutkan di atas untuk menyebutnya. // Catatan: Nama (NewWindows dan NewWindow2) dari dua jendela tidak boleh sama, atau mereka hanya kosong. // 5. Buka file 1.htm di jendela utama, dan jendela kecil muncul halaman.html fungsi openwin () {window.open ("page.html", "", "width = 200, height = 200")} // hubungi: <a href = "1.htm" ontclick = "openwin ()"> Open </a> 6. Kontrol penutupan waktunya dari jendela pop-up // rendah kami akan melakukan beberapa kontrol pada jendela pop-up, dan efeknya akan lebih baik. Jika kita menambahkan sepotong kecil kode ke halaman pop-up (perhatikan bahwa itu ditambahkan ke HTML halaman.html, bukan halaman utama), bukankah lebih keren untuk membiarkannya ditutup secara otomatis setelah 10 detik? // Pertama, tambahkan kode berikut ke area <head> dari file page.html: function closeit () {setTimeout ("self.close ()", 10000) // ms} // pemuatan halaman selesai dan memanggil acara tutup $ (dokumen) .ready (fucntion () {closeit ();}); // 7. Tambahkan tombol Tutup ke jendela pop-up // <input type = 'Tombol' value = 'tutup' onClick = 'window.close ()'> // 8. Termasuk jendela pop-up-satu halaman dan dua jendela // contoh-contoh di atas berisi dua jendela, satu adalah jendela utama dan yang lainnya adalah jendela pop-up. Dengan contoh berikut, Anda dapat menyelesaikan efek di atas dalam halaman. fungsi openwin () {openWindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = tidak, scrollbars =" + gulir + ", menubar = tidak"); // Tulislah sebagai baris OpenWindow.Document.write ("<Title> contoh </iteme>") OpenWindow.Document.write ("<body bgcolor =#ffffff>") openwindow.document.write ("<h1> halo! </H1>") openwindow.document.write ("<h1> halo! </H1>") Openwindow.document.write ("hello!" OpenWindow.Document.write ("</body>") OpenWindow.Document.write ("</html>") OpenWindow.document.close ()} // <a href = "#" OnClick = "OpenWin ()"> Buka jendela </a> // <input "" "" "" "OpenWin ="> Buka jendela </a> // <input type = "" Oncut = "" Open ""> Open window </a> // <input type = "" ONPUT = "" ONIN "=" "ONIN" "" OPEN "" OpenWin = "> // 9. Kontrol cookie jendela aplikasi-populer Ultimate // Ingatlah bahwa meskipun jendela pop-up di atas keren, ada sedikit masalah. Misalnya, jika Anda menempatkan skrip di atas di halaman yang perlu sering dilewati (seperti halaman beranda), maka setiap kali Anda menyegarkan halaman ini, jendela akan muncul sekali, dan kami hanya menggunakan cookie untuk mengontrolnya. // Pertama, tambahkan kode berikut ke area <head> halaman utama html: function openwin () {window.open ("page.html", "", "width = 200, height = 200")} function get_cookie (name) {var search = name + "=" var returnValue = ""; if (document.cookie.length> 0) {offset = document.cookie.indexof (pencarian) if (offset! = -1) {offset += search.length end = document.cookie.indexof (";", offset); if (end == -1) end = document.cookie.length; returnValue = unescape (document.cookie.substring (offset, end))}} return returnValue; } function loadpopup () {if (get_cookie ('popped') == '') {openwin () document.cookie = "Popped = yes"}} // Kemudian, ganti kalimat asli di halaman ini, dan pupir ini, dan pupir ini, Anda tidak akan mampu, dan muatnya, Anda tidak akan diisi, dan dicatat, ini bukannya Openwin, dan POP LOADP!) naik lagi. The Real Pop-only-Once!Ringkasan di atas dari metode implementasi kotak pop-up JS, kotak dialog, kotak prompt, dan jendela pop-up (disarankan) adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.