[1.
Salin kode kode sebagai berikut:
<Bahasa skrip = "javascript">
<!-
Window.open ('page.html')
->
</script>
Karena ini adalah bagian dari kode JavaScripts, mereka harus ditempatkan di antara tag <skrip = "javascript"> </script>. <!-dan-> Mainkan efek pada beberapa browser rendah. Untuk mengembangkan kebiasaan baik ini. Window.open ('page.html') digunakan untuk mengontrol halaman baru Pop -up Page.html. Kutipan tunggal dan kutipan ganda dapat digunakan, jangan bercampur. Kode ini dapat ditambahkan ke posisi html, <head> dan </head> dapat menjadi, <body> </body> juga dapat dieksekusi, terutama kode halamannya panjang, dan Anda ingin membuat halaman muncul Sebelumnya cobalah untuk mengedepankannya.
[2.
Mari kita bicara tentang pengaturan jendela pop -up. Cukup tambahkan sesuatu ke kode di atas. Mari kita sesuaikan penampilan, ukuran, dan posisi pop -up dari jendela pop -up untuk beradaptasi dengan situasi spesifik halaman.
Salin kode kode sebagai berikut:
<Bahasa skrip = "javascript">
<!-
Window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, toolbar = tidak, menubar = tidak, scrollbars = tidak, resizable = tidak, l, l , L, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l ocation = tidak, status = tidak ') //
->
</script>
Penjelasan Parameter:
<Bahasa skrip = "JavaScript"> JS Script dimulai;
Window.open muncul perintah jendela baru;
'Page.html' nama file jendela pop -up;
'NewWindow' nama jendela pop -up (bukan nama file), yang tidak perlu, dapat diganti dengan kosong '';
Tinggi = 100 jendela tinggi;
lebar = 400 lebar jendela;
Atas = 0 jarak jendela dari bagian atas layar;
Kiri = 0 jendela adalah nilai piksel dari sisi kiri layar;
Toolbar = tidak untuk menampilkan bilah alat, ya ditampilkan;
Menubar, scrollbar mewakili bilah menu dan bar bergulir.
RESISZable = Tidak memungkinkan untuk mengubah ukuran jendela, ya diperbolehkan;
Lokasi = Tidak Untuk Menampilkan Bilah Alamat, Ya Diizinkan;
Status = Tidak untuk menampilkan informasi di bilah status (biasanya file telah dibuka), ya diizinkan;
</script> js skrip berakhir
[3.
Di bawah ini adalah kode lengkap.
Salin kode kode sebagai berikut:
<Html>
<head>
<bahasa skrip = "javascript">
<!-
fungsi openwin () {) {
Window.open ("page.html", "newwindow", "height = 100, width = 400, toolbar = tidak, menubar = tidak, scrollbars = tidak, dapat diputar ulang = tidak, lokasi = tidak,") // Tulis baris
}
//->
</script>
</head>
<Body Only = "OpenWin ()" >>
Konten halaman apa pun ...
</body>
</html>
Fungsi OpenWin () didefinisikan di sini, dan konten fungsi untuk membuka jendela. Tidak ada gunanya sebelum menyebutnya. Bagaimana cara menelepon?
Metode 1: <body online = "openwin ()"> Ketika browser membaca halaman, jendela muncul;
Metode dua: <body onunload = "openwin ()"> Browser muncul ketika browser meninggalkan halaman;
Metode 3: Gunakan satu koneksi untuk menelepon:
<a href = "#" onclick = "openwin ()"> Buka jendela </a>
Catatan: "#" yang digunakan adalah koneksi virtual.
Metode 4: Gunakan tombol untuk menelepon:
<input type = "tombol" ontClick = "openwin ()" value = "buka jendela">
[4, 2 Windows muncul pada saat yang sama]
Sedikit mengubah kode sumber:
Salin kode kode sebagai berikut:
<bahasa skrip = "javascript">
<!-
fungsi openwin () {) {
Window.open ("page.html", "newwindow", "height = 100, width = 100, top = 0, kiri = 0, toolbar = tidak, menubar = tidak, scrollbars = tidak, dapat diputar ulang = tidak, lokal = tidak , status = tidak ") //
Window.open ("page2.html", "newwindow2", "height = 100, width = 100, top = 1 00, kiri = 100, toolbar = tidak, menubar = tidak, scrollbars = tidak, dapat diputar ulang = tidak, l, L, l, l, l, l, l, l, l oca tion = tidak, status = tidak ") //
}
//->
</script>
Untuk menghindari dua cakupan jendela, kontrol posisi pop -up dengan atas dan kiri tidak boleh saling menutupi. Akhirnya, panggil saja empat metode yang disebutkan di atas.
Catatan: Jangan sama, atau hanya kosong, atau hanya kosong.
[5. Buka file di jendela utama 1.htm, dan halaman jendela kecil.html muncul pada saat yang sama]
Seperti yang ditunjukkan pada kode berikut, tambahkan jendela utama <head>:
Salin kode kode sebagai berikut:
<bahasa skrip = "javascript">
<!-
fungsi openwin () {) {
Window.open ("page.html", "", "width = 200, tinggi = 200")
}
//->
</script>
Tambahkan Area <body>:
<A href = "1.htm" onclight = "openwin ()"> buka </a>.
[6.
Mari kita mengontrol jendela pop -up di bawah ini, dan efeknya bahkan lebih baik. Jika kami menambahkan kode pendek ke halaman pop -up (perhatikan bahwa itu adalah html penambahan halaman.html, itu bukan di halaman beranda, jika tidak ...), apakah lebih keren untuk membiarkannya secara otomatis ditutup setelah 10 detik ?
Pertama, tambahkan kode berikut ke area <head> file page.html:
Salin kode kode sebagai berikut:
<bahasa skrip = "javascript">
Fungsi closeit ()
{{
setTimeout ("seld.close ()", 10000) // milidetik
}
</script>
Kemudian, gunakan <body online = "closeIt ()"> Untuk mengganti kalimat <body> asli di page.html. (Jangan lupa untuk menulis kalimat ini! Peran kalimat ini adalah memanggil kode jendela penutupan, dan tutup jendela sendiri setelah 10 detik.)
[7.
<sorm>
<Input type = 'tombol' value = 'tutup' onClick = 'window.close ()'>
</form>
Haha, sekarang lebih sempurna!
[8.
Contoh di atas termasuk dua jendela, satu adalah jendela utama, dan yang lainnya adalah jendela kecil. Melalui contoh berikut, Anda dapat menyelesaikan efek di atas pada satu halaman.
Salin kode kode sebagai berikut:
<Html>
<head>
<Bahasa skrip = "javascript">
Fungsi openwin ()
{{
OpenWindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = tidak, scrollbars ="+gulir+", menubar = tidak"));
// Tulislah ke dalam satu baris
OpenWindow.Document.write ("<Title> contoh </iteme>")
Openwindow.document.write ("<body bgcolor =#ffffff>")
Openwindow.document.write ("<h1> halo! </h1>")
Openwindow.document.write ("Jendela baru dibuka!")
Openwindow.document.write ("</body>")
Openwindow.document.write ("</html>")
Openwindow.document.close ()
}
</script>
</head>
<body>
<a href = "#" onclick = "openwin ()"> Buka jendela </a>
<input type = "tombol" ontClick = "openwin ()" value = "buka jendela">
</body>
</html>
Lihatlah kode di OpenWindow.document.write () bukankah HTML standar? Cukup tulis lebih banyak baris dalam format. Perhatikan kesalahan dengan satu label lagi atau kurang label. Ingatlah untuk mengakhirinya dengan openwindow.document.close ().
[9.
Ingatlah bahwa meskipun jendela pop -up di atas itu keren, ada masalah kecil (terbenam dalam sukacita, Anda tidak boleh menemukannya?) Misalnya, Anda meletakkan skrip di atas pada halaman yang perlu sering dilewatkan (seperti beranda), maka setiap orang, lalu setiap halaman ini menyegarkan halaman ini, jendela akan muncul sekali, bukankah itu sangat menjengkelkan? : -_
Apakah ada solusi? Ya! ;-) Ikuti saya.
Pertama, tambahkan kode berikut ke area <head> dari beranda html:
Salin kode kode sebagai berikut:
<script>
fungsi openwin () {) {
Window.open ("page.html", "", "width = 200, tinggi = 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 (Office, end))
}
}
Return ReturnValue;
}
fungsi loadpopup () {
ift_cookie ('popped') == '') {{
OpenWin ()
Document.cookie = "Popped = Ya"
}
}
</script>
Kemudian, gunakan <body online = "loadpopup ()"> (Perhatikan bahwa itu bukan Openwin tetapi loadpop!) Ganti kalimat <body> asli di beranda. Anda dapat mencoba menyegarkan halaman ini atau memasukkan halaman lagi, dan jendela tidak akan pernah muncul. Pop-only-one nyata!