Bagaimana untuk Membuka Pautan dalam Windows Tersuai dengan JavaScript Menggunakan `target=\'_blank\'`?

Susan Sarandon
Lepaskan: 2024-11-02 23:11:29
asal
355 orang telah melayarinya

How to Open Links in Custom Windows with JavaScript Using `target=

Sasaran="_blank" Pautan HTML: Meluaskan Pilihan dengan JavaScript

Mencipta tetingkap penyemak imbas baharu dengan dimensi tertentu boleh mencabar apabila menggunakan sasaran ="_blank" atribut dalam teg sauh HTML. Dalam Mozilla Firefox, atribut ini biasanya membuka pautan dalam tab baharu dan bukannya tetingkap baharu.

Untuk mengatasi pengehadan ini dan memberikan pengguna tetingkap tersuai apabila mengklik pada pautan anda, anda boleh memanfaatkan kuasa JavaScript. Begini caranya:

<a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',<br>' kiri=20,atas=20,lebar=500,tinggi=500,bar alat=1,boleh diubah saiz=0'); >Kongsi ini</a><br>

Kod ini akan membuka tetingkap baharu dengan spesifikasi berikut:

  • window.open( ...): Membuka tetingkap penyemak imbas baharu.
  • this.href: Mewakili URL pautan yang anda klik.
  • 'mywin': Menetapkan nama tetingkap baharu, yang digunakan untuk pengenalan.
  • 'left=20,top=20': Menentukan kedudukan tetingkap dihidupkan skrin (20 piksel dari kiri dan 20 piksel dari atas).
  • 'width=500,height=500': Menetapkan lebar dan tinggi tetingkap dalam piksel.
  • 'toolbar=1': Mendayakan bar alat penyemak imbas.
  • 'resizable=0': Menjadikan tetingkap tidak boleh diubah saiz.

Dengan memasukkan JavaScript ke dalam pautan HTML anda, anda boleh menyesuaikan tingkah laku dan penampilan tetingkap baharu yang dibuka apabila pengguna mengklik pada pautan anda. Teknik ini membolehkan kawalan yang lebih besar ke atas pengalaman pengguna dan menyediakan pilihan yang fleksibel untuk memaparkan kandungan dalam tetingkap berasingan.

Atas ialah kandungan terperinci Bagaimana untuk Membuka Pautan dalam Windows Tersuai dengan JavaScript Menggunakan `target=\'_blank\'`?. 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!