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
Lepaskan: 2024-10-26 04:19:30
asal
893 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan