Bagaimana untuk Membuka Windows Baharu dengan Dimensi dan Ciri Tertentu Menggunakan HTML dan JavaScript?

Membuka Windows Baharu dalam HTML Menggunakan Target="_blank"

Dalam HTML, atribut target="_blank" memberitahu penyemak imbas untuk membuka tetingkap baharu apabila pautan diklik. Walau bagaimanapun, atribut ini tidak memberikan kawalan ke atas saiz atau lokasi tetingkap baharu.

Sebagai contoh, pertimbangkan kod berikut:

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

Dalam Firefox, kod ini akan membuka Facebook kongsi halaman dalam tab baharu dan bukannya tetingkap baharu. Untuk mencapai tingkah laku yang diingini, anda boleh menggunakan JavaScript untuk mencipta dan menyesuaikan tetingkap baharu.

Penyelesaian:

Untuk membuka pautan dalam tetingkap baharu dengan dimensi tertentu apabila diklik, anda boleh menggunakan kod berikut:

<code class="html"><a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">Share this</a></code>

Inilah yang dilakukan oleh setiap parameter dalam fungsi window.open():

• this.href: URL halaman untuk dibuka.
• 'mywin': Nama tetingkap baharu.
• 'left=20,top=20' : Kedudukan kiri dan atas tingkap.
• 'width=500,height=500': Lebar dan tinggi tingkap.
• 'toolbar=1': Sama ada hendak memaparkan bar alat.
• 'resizable=0': Sama ada tetingkap boleh diubah saiznya.

Menggunakan pendekatan ini, anda boleh membuka tetingkap baharu dengan dimensi yang diingini dan pilihan penyesuaian apabila pautan dengan target="_blank" diklik.

Atas ialah kandungan terperinci Bagaimana untuk Membuka Windows Baharu dengan Dimensi dan Ciri Tertentu Menggunakan HTML dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!