Gunakan javascript untuk mengawal saiz tetingkap halaman web yang dibuka dan cara menutup tetingkap dalam html

Gunakan javascript untuk mengawal saiz tetingkap halaman web yang dibuka dan cara menutup tetingkap dalam HTML

Dengan populariti Internet, reka bentuk web menjadi semakin penting, dan banyak tapak web akan mereka bentuk beberapa tetingkap timbul untuk memberikan pengalaman pengguna yang lebih baik. JavaScript ialah bahagian yang sangat penting dalam reka bentuk web Ia boleh digunakan untuk mengawal pelbagai operasi pada halaman web, seperti mengawal saiz tetingkap, menutup tetingkap, dsb.

Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mengawal saiz tetingkap halaman web yang terbuka, dan menerangkan secara terperinci cara menutup tetingkap dalam HTML.

1. Gunakan JavaScript untuk mengawal saiz tetingkap halaman web yang dibuka

Membenamkan JavaScript dalam halaman web boleh mengawal saiz, kedudukan dan status tetingkap, dsb. Berikut ialah sekeping kod yang menggunakan JavaScript untuk membuka tetingkap baharu:

window.open("http://www.example.com","_blank","width=500,height=500");

"window.open" dalam kod boleh membuka tetingkap baharu dan "http://www.example.com" akan dibuka URL, "_blank" bermaksud membuka dalam tetingkap baharu dan "lebar=500,tinggi=500" ialah saiz tetingkap.

Selain itu, anda boleh menggunakan parameter lain untuk mengawal ciri tetingkap, seperti:

• kiri: jarak antara sebelah kiri tetingkap dan sebelah kiri skrin
• atas: bahagian atas tetingkap Jarak dari bahagian atas skrin
• bar alat: sama ada mahu memaparkan bar alat
• lokasi: sama ada mahu memaparkan bar alamat
• bar menu: sama ada mahu memaparkan bar menu
• bar skrol: Sama ada mahu memaparkan bar skrol
• boleh diubah saiz: sama ada boleh diubah saiz

Untuk contoh, kod berikut akan membuka tetingkap baharu dan menetapkannya supaya berada di tengah-tengah skrin sambil menyembunyikan bar alat:

window.open("http://www.example.com","_blank","width=500,height=500,left="+((screen.width-500)/2)+",top="+((screen.height-500)/2)+",toolbar=no");

2 Cara menutup tetingkap dalam HTML

Selain itu untuk membuka tingkap, kadangkala anda perlu menutup tingkap. HTML menyediakan kaedah window.close(), yang boleh digunakan untuk menutup tetingkap semasa. Walau bagaimanapun, kaedah ini tidak disokong oleh semua penyemak imbas, dan sesetengah penyemak imbas akan menggesa pengguna sebelum menutup.

Jika anda menggunakan kaedah window.close() dalam JavaScript untuk menutup tetingkap, ketidakserasian akan berlaku dalam sesetengah penyemak imbas, jadi adalah disyorkan untuk menggunakan pernyataan berikut dalam halaman HTML untuk menutup tetingkap:

<input type="button" value="Close Window" onClick="window.close();">

Ini kerana dalam HTML, jika pengguna mengklik butang atau pautan, memanggil kaedah window.close() secara langsung akan dianggap sebagai "peristiwa pengguna" oleh penyemak imbas, sekali gus memintas tindak balas penyemak imbas terhadap tetingkap. close() ), tetingkap boleh ditutup dengan selamat.

Perlu diingatkan bahawa kaedah ini hanya berkesan apabila digunakan dalam tetingkap terbuka. Digunakan dalam tetingkap utama penyemak imbas akan diabaikan.

Ringkasan

JavaScript boleh digunakan untuk mengawal pelbagai operasi pada halaman web Artikel ini memperkenalkan cara menggunakan JavaScript untuk mengawal saiz tetingkap yang membuka halaman web dan butiran cara menutup tetingkap dalam HTML. Selepas membaca artikel ini, anda harus tahu cara menggunakan JavaScript dengan lebih baik dalam halaman web untuk meningkatkan pengalaman pengguna dan menyediakan perkhidmatan yang lebih bijak dan lebih mudah.

Atas ialah kandungan terperinci Gunakan javascript untuk mengawal saiz tetingkap halaman web yang dibuka dan cara menutup tetingkap dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!