Penjelasan terperinci tentang contoh penggunaan window.open dalam kemahiran JavaScript

Penjelasan terperinci tentang contoh penggunaan window.open dalam kemahiran JavaScript_javascript

WBOY

Lepaskan： 2016-05-16 16:04:06

asal

1332 orang telah melayarinya

Artikel ini menganalisis penggunaan window.open dalam JavaScript dengan lebih terperinci. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no , status=no') //Tulis dalam satu baris 

Penjelasan parameter:

skrip js bermula;
perintah window.open untuk muncul tetingkap baharu; nama fail 'page.html' bagi tetingkap timbul
'newwindow' Nama tetingkap timbul (bukan nama fail), pilihan, boleh digantikan dengan kosong ''
ketinggian=100 ketinggian tingkap; lebar=400 lebar tingkap; atas=0 nilai piksel di atas tetingkap daripada skrin; left=0 nilai piksel tetingkap dari sebelah kiri skrin; bar alat=tidak sama ada untuk memaparkan bar alat, ya bermakna paparan; bar menu, bar skrol mewakili bar menu dan bar skrol.
resizable=tidak Sama ada untuk membenarkan menukar saiz tetingkap, ya bermakna ia dibenarkan
lokasi=tidak sama ada untuk memaparkan bar alamat, ya dibenarkan
status=tidak sama ada untuk memaparkan maklumat dalam bar status (biasanya fail telah dibuka), ya dibenarkan

1. Gunakan fungsi untuk mengawal tetingkap timbul

Di bawah adalah kod lengkap.

Fungsi openwin() ditakrifkan di sini, dan kandungan fungsi adalah untuk membuka tetingkap. Ia tidak mempunyai tujuan sehingga ia dipanggil. Bagaimana untuk memanggilnya?

Kaedah 1: Tetingkap pop timbul muncul apabila penyemak imbas membaca halaman

Kaedah 2: Tetingkap timbul apabila penyemak imbas meninggalkan halaman;

<html>
<head>
<script LANGUAGE="Javascript">
<!-- 
function openwin()
{ window.open("page.html", "newwindow", "height=100,width=400, toolbar=no , menubar=no, scrollbars=no,resizable=no, location=no, status=no") //写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
/body>
</html>

Salin selepas log masuk

Kaedah 3: Panggilan dengan sambungan: buka tetingkap Nota: "#" yang digunakan ialah sambungan maya.

Kaedah 4: Panggil dengan butang:

2. Tutup tetingkap pop timbul dengan kerap (sesetengah tapak web akan memaparkan n saat untuk pergi ke halaman sebelum pendaftaran selepas berjaya mendaftar, atau melompat sendiri)

Seterusnya, kami akan melakukan beberapa kawalan pada tetingkap pop timbul, dan kesannya akan menjadi lebih baik.

Jika kita menambah sekeping kecil kod pada halaman pop timbul (perhatikan bahawa ia ditambahkan pada HTML page.html, bukan halaman utama, jika tidak...), bukankah lebih sejuk jika ia ditutup secara automatik selepas 10 saat?

Mula-mula, tambahkan kod berikut pada kawasan fail page.html:

Kemudian, gunakan ayat ini untuk menggantikan ayat asal dalam page.html.

(Jangan lupa tulis ayat ini! Fungsi ayat ini adalah untuk memanggil kod untuk menutup tetingkap, dan tetingkap akan ditutup secara automatik selepas 10 saat.

3. Hanya muncul sekali tetingkap (kawalan kuki)

<script language="Javascript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>

Salin selepas log masuk

Ingat bahawa walaupun tetingkap pop timbul di atas adalah sejuk, terdapat sedikit masalah Contohnya, jika anda meletakkan skrip di atas dalam halaman yang perlu dilalui dengan kerap (seperti halaman utama),

Oleh itu, setiap kali anda memuat semula halaman ini, tetingkap akan muncul bukankah ia sangat menjengkelkan? Adakah terdapat sebarang penyelesaian?

Kami menggunakan kuki untuk mengawal ini.

Mula-mula, tambahkan kod berikut pada kawasan HTML halaman utama:

Kemudian, gantikan
asal di halaman utama dengan (perhatikan bukan openwin tetapi loadpop!)
Ayat ini akan berjaya. Anda boleh cuba memuat semula halaman atau memasuki semula halaman, dan tetingkap tidak akan muncul lagi.

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.