Rumah > hujung hadapan web > tutorial js > Cara Membuka URL dalam Tetingkap Baharu dengan JavaScript: Panduan Komprehensif

Cara Membuka URL dalam Tetingkap Baharu dengan JavaScript: Panduan Komprehensif

Linda Hamilton
Lepaskan: 2024-11-04 02:54:02
asal
775 orang telah melayarinya

How to Open a URL in a New Window with JavaScript: A Comprehensive Guide

Buka URL dalam Tetingkap Baharu dengan JavaScript: Penyelesaian Komprehensif

Membuat butang kongsi yang melancarkan URL halaman semasa dalam tetingkap baharu memerlukan sintaks JavaScript yang tepat. Untuk mencapai matlamat ini, kita beralih kepada kaedah window.open() serba boleh.

Coretan kod berikut menawarkan penyelesaian yang komprehensif, menggabungkan kedua-dua penggantian URL yang dikehendaki dan spesifikasi saiz tetingkap:

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>
Salin selepas log masuk

Mari kita pecahkan kod:

  • _blank_: Parameter ini menentukan bahawa tetingkap baharu akan bebas daripada tetingkap semasa.
  • lokasi= ya: Parameter ini membolehkan paparan bar URL dalam tetingkap baharu.
  • tinggi=570, lebar=520: Parameter ini menetapkan ketinggian dan lebar tetingkap baharu kepada 570px dan 520px, masing-masing.
  • scrollbars=yes, status=yes: Parameter ini membolehkan tetingkap baharu mempunyai bar skrol dan bar status.

Apabila pengguna mengklik pada pautan "Kongsi Halaman", kod JavaScript ini dilaksanakan, membuka URL semasa dalam tetingkap baharu dengan dimensi yang ditentukan dan fungsi lain. Dengan menggabungkan window.open() dengan atribut tetingkap yang disesuaikan, anda boleh membuka URL tertentu dengan lancar dalam tetingkap berasingan, memenuhi keperluan tepat anda.

Atas ialah kandungan terperinci Cara Membuka URL dalam Tetingkap Baharu dengan JavaScript: Panduan Komprehensif. 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