coretan kod JS untuk membuka tetingkap pop timbul-tutorial js-php.cn

coretan kod JS untuk membuka tetingkap pop timbul

Jennifer Aniston

Lepaskan： 2025-02-24 10:46:10

asal

542 orang telah melayarinya

3 Tidak ada yang istimewa hanya beberapa coretan kod JavaScript untuk membuka tetingkap pop timbul.

js code snippet to open a popup window Soalan Lazim mengenai Windows Popup JavaScript

Bagaimana saya boleh membuat tetingkap popup menggunakan javascript? coretan kod JS untuk membuka tetingkap pop timbul

Membuat tetingkap popup di JavaScript agak mudah. Anda boleh menggunakan kaedah Window.Open (). Kaedah ini mewujudkan tetingkap baru dan mengembalikan rujukan kepadanya. Berikut adalah contoh asas:

<span>W = window,
</span>    <span>D = document;
</span>
    <span>//set the window to widgets dimensions
</span>    <span>var winH = 400, //allow for window padding and header
</span>        winW <span>= 400,
</span>        winT <span>= 400,
</span>        winL <span>= 400;
</span>
    <span>//set the content
</span>    <span>var windowName = 'Widget', // should not include space for IE
</span>        path <span>= W.location.path,
</span>        windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH,
</span>        that <span>= this;
</span>   
    <span>//note path needs to be in the same domain...
</span>
    <span>//open the window
</span>    that<span>._Window = window.open(path, windowName, windowOptions);
</span>    that<span>._Interval = window.setInterval(function () {
</span>        <span>if (that._Window.closed) {
</span>            <span>window.clearInterval(that._Interval);
</span>            <span>//code to run when window is closed
</span>
        <span>}
</span>    <span>}, 1000);</span>

Salin selepas log masuk

var myWindow = window.Open ("", "myWindow", "width = 200, height = 100");

myWindow.document.write ("

Ini adalah 'mywindow'

");

Dalam contoh ini, kaedah window.open () mengambil tiga parameter: URL halaman untuk dibuka (kosong kosong di sini untuk membuat tetingkap kosong), nama tetingkap, dan rentetan yang menunjukkan ciri tetingkap (seperti lebar dan ketinggiannya). ?

Anda boleh mengawal saiz dan kedudukan tetingkap pop timbul dengan menyatakannya dalam parameter ketiga kaedah window.open (). Sebagai contoh, untuk membuat tetingkap yang lebar 500 piksel dan 600 piksel tinggi, dan meletakkan 10 piksel dari kiri dan atas skrin, anda akan menggunakan:

var myWindow = window.open ("", "MyWindow", "lebar = 500, ketinggian = 600, kiri = 10, atas = 10"); tetingkap?
Ya, anda boleh memuatkan URL tertentu dalam tetingkap pop timbul dengan menyatakannya sebagai parameter pertama dalam kaedah tetingkap.Open (). Contohnya:

var myWindow = window.open ("https://www.example.com", "myWindow", "width = 500, ketinggian = 600"); Bolehkah saya menutup tetingkap pop timbul menggunakan javascript?

Anda boleh menutup tetingkap popup menggunakan kaedah window.close (). Kaedah ini menutup tetingkap semasa, atau tetingkap di mana ia dipanggil. Berikut adalah contoh:

myWindow.close ();
var myWindow = window.open ("", "myWindow", "width = 500, ketinggian = 600, resizable = no"); Tetingkap popup masih dibuka?
Anda boleh menyemak sama ada tetingkap popup masih dibuka dengan menggunakan harta. Harta ini mengembalikan nilai boolean yang menunjukkan sama ada tetingkap ditutup (benar) atau tidak (palsu). Berikut adalah contoh:

if (! MyWindow.closed) { // Tetingkap masih dibuka

}

bolehkah saya berinteraksi dengan kandungan tetingkap pop timbul?

Ya, anda boleh berinteraksi dengan kandungan tetingkap popup menggunakan sifat dokumen objek tetingkap. Sebagai contoh, untuk menulis beberapa teks dalam tetingkap pop timbul, anda boleh menggunakan:

myWindow.document.write ("

hello, dunia!

");

Bolehkah saya membuka tetingkap pop timbul tanpa bar alat penyemak imbas? Contohnya:

var myWindow = window.open ("", "myWindow", "width = 500, ketinggian = 600, toolbar = no"); Untuk sentiasa berada di atas? Ini dikawal oleh sistem operasi pengguna dan tetapan penyemak imbas.

Bolehkah saya mengesan apabila tetingkap popup ditutup? Acara Onunload. Acara ini dipecat apabila tingkap akan memunggah sumbernya. Berikut adalah contoh:

myWindow.onunload = function () { // tetingkap akan ditutup

};

Atas ialah kandungan terperinci coretan kod JS untuk membuka tetingkap pop timbul. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!