Saya pikir sebagian besar dari Anda tahu cara menggunakan halaman web untuk pop up windows dalam berbagai bentuk, tetapi mari kita belajar tentang cara membuat berbagai jendela pop-up hari ini:
1. Buka jendela layar penuh
Kodenya adalah sebagai berikut:
<html> <body //www.vevb.com ',' wulin.com ',' fullscreen '); ">; <b> www.vevb.com </b> </body> </html>
2. Buka jendela yang telah diubah oleh F11
Kodenya adalah sebagai berikut:
<html> <body '//www.vevb.com', 'wulin.com', 'channelMode'); ">; <b> www.vevb.com </b> </body> </html>
3. Buka jendela dengan toolbar tautan favorit
Kodenya adalah sebagai berikut:
<html> <body www.wangye8.com ',' wulin.com ',' width = 400, tinggi = 300, direktori '); "> <b> www.wangye8.com </b> </body> </html>
4. Kotak Dialog Halaman Web
Kodenya adalah sebagai berikut:
<html> <bahasa skrip = "javascript"> <!-showmodaldialog ('// www.vevb.com,' wulin.com ',' dialogwidth: 400px; dialogheight: 300px; dialogleft: 200px; dialogtop: 150px; center: ya;--BANTUAN/YA; YA; BANTUAN: YA; BANTUAN; YA; BANTUAN: YA; YA; YA; YA; YA; YA; BANTUAN: YA; YA; BANTUAN: YA; BANTUAN: YA; YA; YA; BANTUAN: YA; YA; BANTUAN; YA; BANTUAN: YA; YA; BANTUAN: YA; YA; BANTUAN: YA; YA; BANTUAN: YA; YA; YA; BANTU; <b> www.wangye8.com </b> </body> </html> <html> <bahasa skrip = "javascript"> <!- showmodelessDialog ('// www.vevb.com,' wulin.com ',' dialogwidth: 400px; DialogHeight: 300px; Dialogleft: 200px; Dialogtop: 150px; Center: YA; BANTUAN: YA; UNZable: YA; Status: YA ')/---/</COLTER: YA; YA; YES; YAY: YA; STATUS: YA')/---/</TROWN; <b> http://www.wangye8.com </b> </body> </html>showmodaldialog () atau showmodelessdialog () untuk menghubungi kotak dialog web. Adapun perbedaan antara showmodaldialog () dan showmodelessdialog (), jendela yang dibuka oleh showmodaldialog () (disebut sebagai jendela mode) ditempatkan di jendela induk dan harus ditutup untuk mengakses jendela induk (disarankan untuk menggunakannya sesedikit mungkin untuk menghindari jijik); showmodelessdialog ()
DialogHeight: Iheight menetapkan ketinggian jendela dialog.
Dialogwidth: Iwidth mengatur lebar jendela dialog.
Dialogleft: IXPOS mengatur posisi kiri jendela dialog relatif ke sudut kiri atas desktop.
Dialogtop: IYPOS menetapkan posisi atas jendela dialog relatif ke sudut kiri atas desktop.
tengah: {ya | Tidak | 1 | 0} Menentukan apakah akan memusatkan kotak dialog di desktop, nilai standarnya adalah "Ya".
Bantuan: {Ya | Tidak | 1 | 0} Menentukan apakah ikon bantuan konteks-sensitif ditampilkan di jendela dialog. Nilai standarnya adalah "Ya".
dapat diputar ulang: {ya | Tidak | 1 | 0} Menentukan apakah ukuran jendela dialog bervariasi. Nilai standarnya adalah "Tidak".
Status: {Ya | Tidak | 1 | 0} Menentukan apakah bilah status ditampilkan di jendela dialog. Untuk jendela dialog non-mode, nilai default adalah "ya"; Untuk jendela dialog mode, nilai default adalah "Tidak".
5. Kode jendela pop-up lainnya
Teman -teman yang sering menjelajahi internet mungkin telah mengunjungi situs web tersebut. Setelah mereka memasukkan beranda, jendela akan segera muncul, atau tekan tautan atau tombol untuk muncul. Biasanya, beberapa tindakan pencegahan, informasi hak cipta, peringatan, menyambut, dll., Atau informasi yang ingin diberikan penulis untuk memberikan petunjuk khusus. Bahkan, sangat mudah untuk membuat halaman seperti itu. Cukup tambahkan beberapa kode skrip Java ke HTML halaman. Selanjutnya, saya akan membawa Anda untuk menganalisis misteri.
【Kode jendela pop-up paling dasar】
Faktanya, kodenya sangat sederhana:
Kodenya adalah sebagai berikut:
<Bahasa skrip = "java skrip"> <!-window.open ('page.html')-> </ptript>Karena ini adalah bagian dari kode skrip Java, mereka harus ditempatkan di antara <bahasa skrip = "java skrip"> tag dan </ptript>. <!-dan-> berguna untuk beberapa browser dengan versi yang lebih rendah. Jika skrip Java tidak didukung di browser lama ini, kode dalam tag tidak akan ditampilkan sebagai teks.
Window.open ('page.html') digunakan untuk mengontrol pop-up halaman baru. Jika Page.html tidak berada di jalur yang sama dengan jendela utama, jalur harus ditulis di depan, baik jalur absolut (http: //) dan jalur relatif (../) OK.
Tidak apa -apa menggunakan kutipan tunggal dan ganda, tetapi jangan mencampurnya.
Sepotong kode ini dapat ditambahkan ke setiap lokasi HTML, dan dapat ditambahkan antara <head> dan </head>. Semakin tinggi posisi, semakin awal eksekusi, terutama ketika kode halaman lebih panjang, cobalah untuk mengedepankannya jika Anda ingin halaman muncul lebih awal.
【Jendela pop-up setelah pengaturan】
Mari kita bicara tentang pengaturan penampilan jendela pop-up. Cukup tambahkan sedikit lebih banyak ke kode di atas.
Mari kita sesuaikan penampilan, ukuran, dan posisi pop-up dari jendela pop-up ini agar sesuai dengan situasi spesifik halaman.
Kodenya adalah sebagai berikut:
<Skrip bahasa = "java skrip:> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, toolbar = tidak, menubar = tidak, scrollbars = tidak, tidak dapat diputar ulang = no, lokasi = tidak, status = tidak') //Penjelasan Parameter:
<Bahasa skrip = "java skrip"> Skrip JS dimulai;
window.open perintah untuk memunculkan jendela baru;
page.html Nama file jendela baru muncul;
Nama jendela pop-up NewWindow (bukan nama file), yang dapat diganti dengan kosong ";
tinggi = 100 jendela tinggi;
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, scrollbars berarti bar menu dan bilah gulir;
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;
</script> Skrip JS berakhir.
【Gunakan fungsi untuk mengontrol jendela pop-up】
Ini kode lengkap.
Kodenya adalah sebagai berikut:
<html> <head> <script language = "java skrip"> <!-function openwin () {window.open ("page.html", "newWindow", "height = 100, width = 400, toolbar = no, menubar = no, scrollbar = tidak dapat diurutkan kembali = no, no, no, status = status =), scrollbars = no, no, no = no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no) > ... konten halaman sewenang -wenang ... </body> </html>Berikut adalah fungsi OpenWin () yang ditentukan, dan konten fungsi untuk membuka jendela. Tidak ada gunanya sampai dipanggil. Bagaimana cara menyebutnya?
Metode 1: <body> Jendela pop-up muncul ketika browser membaca halaman;
Metode 2: <body> Jendela pop-up muncul ketika browser meninggalkan halaman;
Metode 3: Hubungi dengan koneksi: <a href = "#"> Buka jendela </a>
Catatan: "#" yang digunakan adalah koneksi virtual.
Metode 4: Panggilan dengan tombol: <input type = "tombol" value = "buka window">
[File 1.htm dibuka di jendela utama, dan halaman jendela kecil.html muncul pada saat yang sama]
Tambahkan kode berikut ke Area Main Window <HEAD>:
Kodenya adalah sebagai berikut:
<skrip bahasa = "java script"> <!-function openwin () {window.open ("page.html", "", "width = 200, height = 200";)} //-> </script>Cukup tambahkan area <body>: <a href = "1.htm"> Buka </a>.
【Kontrol Kontrol Penutupan Waktu untuk Jendela Pop-Up】
Mari kita ambil kendali atas 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, jika tidak ...), bukankah lebih keren untuk membiarkannya ditutup secara otomatis setelah 10 detik?
Pertama, tambahkan kode berikut ke area <head> file page.html:
Kodenya adalah sebagai berikut:
<script language = "java skrip"> function closeit () {setTimeOut ("self.close ()", 10000) // ms} </cript>Kemudian, gunakan kalimat <dody> alih -alih kalimat asli <tody> di page.html. (Jangan lupa untuk menulis kalimat ini! Tujuan dari kalimat ini adalah untuk memanggil kode yang menutup jendela, dan menutup jendela sendiri setelah 10 detik.)
【Tambahkan tombol tutup di jendela pop-up】
Kodenya adalah sebagai berikut:
<sorm>
<Input type = 'tombol' value = 'tutup'
</form>
Haha, sekarang lebih sempurna!
[Jendela Popt -up Termasuk - Dua jendela per halaman]
Contoh-contoh di atas semua 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.
Kodenya adalah sebagai berikut:
<html> <head> <script language = "java skrip"> fungsi openwin () {openwindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = tidak, scrollbars ="+scroll+", menubar = tidak";); // Tulis sebagai baris OpenWindow.Document.write ("<Title> Contoh </title>";) OpenWindow.document.write ("<body bgcolor =#fffff>";) openwindow.document.write ("<h1> halo! </H1>";) openwindow.document ("<h1> hello! </H1>";) openwindow.document.dokum. " OpenWindow.Document.write ("</body>";) OpenWindow.document.write ("</html>";) OpenWindow.document.close ()} </script> </head> <tody> <a href = "#"> Buka jendela </a> <input type = "bernilai =" nilai "#"#"Mari kita lihat apakah kode di OpenWindow.document.write () bukan HTML standar? Cukup tulis lebih banyak baris dalam format. Berhati -hatilah jika satu label lagi atau satu label kurang akan menyebabkan kesalahan. Ingatlah untuk mengakhiri dengan openwindow.document.close ().
【Aplikasi Ultimate - Kontrol Cookie di Jendela Popup】
Ingatlah bahwa meskipun jendela pop-up di atas itu keren, ada sedikit masalah (Anda terbenam dalam sukacita, Anda tidak boleh menemukannya, kan?) Misalnya, jika Anda meletakkan skrip di atas di halaman yang perlu sering lewat (seperti beranda), maka setiap kali Anda menyegarkan halaman ini, jendela akan muncul sekali. Bukankah itu sangat menjengkelkan? Apakah ada solusi? Ya! Ikuti saya. Kami hanya perlu menggunakan cookie untuk mengendalikannya.
Pertama, tambahkan kode berikut ke area <head> halaman utama html:
Kodenya adalah sebagai berikut:
<script> function openpopup () {window.open ("hello.htm", "", "width = 300, height = 300") // Ubah jendela pop-up sendiri} function get_cookie (name) {var Search = name + "=" var returnValue = ""; if (documents.cookie.length> 0) {offset = documents.cookie.indexof (pencarian) if (offset! = -1) {// if cookie ada offset += search.length // atur indeks awal nilai end = documents.cookie.indexof (";", offset); // atur indeks akhir nilai cookie jika (end == -1) end = documents.cookie.length; returnValue = unescape (documents.cookie.substring (offset, end))}} return returnValue; } function loadpopup () {if (get_cookie ('popped') == '') {openpopup () dokumen.cookie = "popped = yes"}} </script>Ketik kode berikut ke area tubuh:
<body> // pop saat meninggalkan halaman
atau:
<body> // pop saat masukkan halaman
Anda dapat mencoba menyegarkan halaman ini atau masuk kembali, dan jendela tidak akan pernah muncul lagi. The Real Pop-only-Once!
Setelah menulis ini, teknik produksi dan aplikasi jendela pop-up pada dasarnya telah selesai. Saya harap saya akan sangat senang membantu teman -teman saya yang membuat halaman web.
Perlu dicatat bahwa kasus dalam skrip JS paling baik tetap konsisten sebelum dan sesudah.
Windows Popup Tanpa Menu, Toolbar, dan Bar Alamat:
Kodenya adalah sebagai berikut:
<bahasa skrip = "java skrip"> <!- var gt = unescape ('%3e'); var popup = null; var over = "Luncurkan Pop-Up Navigator"; popup = window.open ('', 'popupnav', 'width = 500, tinggi = 500, dapat diputar ulang = 0, scrollbars = auto'); // width = 500, tinggi = 500 adalah panjang dan lebar jendela jika (popup! = null) {if (popup.opener == null) {popup.opener = self; } popup.location.href = 'Nama file yang akan dibuka'; } // -> </script>Metode 2: Aplikasi Cookies: Kontrol Jendela Popup Ketika kami mengatur jendela popup pop di halaman, setiap kali kami mengubah citra halaman, jendela pop akan secara otomatis muncul, menyebabkan masalah yang tidak perlu. Jadi bagaimana cara menyelesaikan masalah ini? Di sini saya akan menggunakan contoh sederhana untuk menjelaskan cara membuat pop-up pop-up hanya muncul saat menjelajahi halaman untuk pertama kalinya dengan mengoperasikan cookie, dan itu tidak akan lagi menyebabkan menjengkelkan di masa depan!
Salin kode sebagai berikut: <script> function OpenPopWindow () {window.open ("hello.htm", "", "width = 200, height = 200" // Ubah jendela pop-up sendiri} function get_cookie (name) {var Search = name + "="; var returnValue = ""; if (if (documents.cooke.cooke.cooke = name + "="; Documents.cookie.indexof (Cari); ReturnValue = Unescape (Document.cookie.substring (Offset, End))}} returnValue return;
Ketik kode di atas ke area tubuh: <body> // popt saat meninggalkan halaman
Atau: <tody> // Efek jendela pop-up muncul saat halaman muncul saat meninggalkan halaman:
Efek: Ketika orang lain menutup halaman ini, jendela muncul, dan Anda dapat menulis beberapa kata berkah
Kode inti:
Kodenya adalah sebagai berikut:
<skrip bahasa = "javascript"> <!-begin function cuti () {window.open ('1.htm', ", 'toolbar = tidak, menubar = tidak, lokasi = tidak, tinggi = 225, lebar = 235'); break} // end-> </script>Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.