Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mengawal Ciri Tetingkap untuk Hiperpautan Target=\'_blank\' dalam HTML?

Bagaimana untuk Mengawal Ciri Tetingkap untuk Hiperpautan Target=\'_blank\' dalam HTML?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-26 04:19:30880semak imbas

How to Control Window Features for Target=

Mengurus Ciri Tetingkap dalam HTML untuk Target="_blank"

Hiperpautan dengan atribut sasaran ditetapkan kepada "_blank" kandungan terpaut terbuka dalam tab atau tetingkap baharu. Untuk menyesuaikan dimensi dan penampilan tetingkap baharu, JavaScript mesti digunakan.

Mencipta Tetingkap Baharu dengan Sifat Tersuai

Kod HTML yang disediakan:

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

Mencipta hiperpautan yang membuka antara muka perkongsian Facebook dalam tab baharu. Untuk membukanya dalam tetingkap sebaliknya, dengan dimensi tertentu, gunakan pendekatan berasaskan JavaScript yang diubah suai ini:

<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>

Penjelasan:

  • Atribut onclick mencetuskan fungsi JavaScript apabila mengklik pautan.
  • window.open() mencipta objek tetingkap baharu, menyatakan URL untuk dibuka.
  • Parameter kedua ('mywin') mentakrifkan nama tetingkap sasaran .
  • Parameter ketiga ialah rentetan sifat tetingkap, termasuk:

    • kiri dan atas nyatakan kedudukan awal tetingkap.
    • lebar dan ketinggian menetapkan dimensi tetingkap.
    • bar alat dan boleh diubah saiz mengawal penampilan dan tingkah laku tetingkap.

Kod yang diubah suai ini akan membuka antara muka perkongsian Facebook dalam tetingkap baharu, diletakkan pada koordinat (20,20) dengan dimensi (500,500). Ia akan termasuk bar alat tetapi tidak boleh diubah saiz.

Atas ialah kandungan terperinci Bagaimana untuk Mengawal Ciri Tetingkap untuk Hiperpautan 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