Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menyesuaikan Dimensi Tetingkap Apabila Menggunakan target=\'_blank\' dalam HTML?

Bagaimana untuk Menyesuaikan Dimensi Tetingkap Apabila Menggunakan target=\'_blank\' dalam HTML?

Barbara Streisand
Barbara Streisandasal
2024-10-26 00:38:271064semak imbas

How to Customize Window Dimensions When Using target=

Membuka Tetingkap Baharu dengan Dimensi Tersuai dalam HTML untuk Target="_blank"

Apabila menggunakan target="_blank" dalam HTML untuk membuka tetingkap baharu, pengguna mungkin menghadapi had dalam menetapkan dimensi tertentu. Dalam senario ini, JavaScript boleh dimanfaatkan untuk menyediakan penyelesaian yang boleh disesuaikan.

Untuk mencipta tetingkap baharu dengan lebar dan ketinggian yang ditentukan, gunakan 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>

The window.open( ) kaedah mengambil beberapa parameter:

  • this.href: URL halaman sasaran
  • 'mywin': Nama yang unik untuk tetingkap baharu
  • 'left=20,top=20': Menyelaras untuk meletakkan tetingkap pada skrin
  • 'width=500,height= 500': Dimensi tetingkap baharu
  • 'toolbar=1': Sama ada mahu memaparkan bar alat dalam tetingkap baharu
  • 'resizable= 0': Sama ada membenarkan saiz semula tetingkap baharu

Dengan melaraskan parameter ini, anda boleh membuat tetingkap tersuai yang dibuka pada halaman baharu dengan dimensi yang dikehendaki.

Atas ialah kandungan terperinci Bagaimana untuk Menyesuaikan Dimensi Tetingkap Apabila Menggunakan target=\'_blank\' dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn