Buka URL di jendela baru dengan JavaScript


130

Saya membuat "tombol bagikan" untuk berbagi halaman saat ini. Saya ingin mengambil URL halaman saat ini dan membukanya di jendela baru. Saya memiliki bagian URL saat ini berfungsi, tetapi sepertinya tidak dapat membuat bagian selanjutnya berfungsi

Saya berjuang dengan sintaks. Saya ingin menentukan ukuran jendela baru untuk width=520, height=570.

Sesuatu seperti:

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

Ada ide?


Jawaban:


218

Gunakan window.open():

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

Ini akan membuat tautan berjudul Share Pageyang membuka url saat ini di jendela baru dengan ketinggian 570 dan lebar 520.


cara mengatur tinggi dan lebar jendela ke nol, jika saya mengatur ke nol itu menunjukkan layar penuh
Akshatha Srinivas

bagaimana kita membukanya sebagai jendela normal daripada jendela pop - up? karena tidak dapat membuka tab baru
Ashok kumar Ganesan

@AkshathaSrinivas ketinggian minimum adalah 100
Oscar Acevedo

56

Cukup gunakan window.open()fungsi? Parameter ketiga memungkinkan Anda menentukan ukuran jendela.

Contoh

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

shiplu.mokadd.im Tampaknya itu yang saya butuhkan tetapi saya tidak yakin ke mana perginya.
Mark Mitchell

2
@ Markarkitch Jika Anda tidak peduli tentang standar pengkodean - ke dalam onclickatribut. Opsi yang sedikit lebih baik adalah membuat fungsi yang Anda panggil dari menu onclick. Menggunakan getElementByIddan addEventListenermasih lebih bersih. Menggunakan jQuery untuk mendapatkan sintaks yang lebih pendek (dan beberapa fitur lainnya + banyak plugin) juga sangat populer.
John Dvorak

Bagaimana itu parameter ke-4? Sepertinya yang ke-3 bagi saya. Apakah saya melewatkan sesuatu?
CoderDennis

@CoderDennis Tangkapan bagus. Memperbaikinya.
Shiplu Mokaddim

hai bagaimana saya bisa memicu acara tutup jendela?
Dilakshan Sooriyanathan

2

Jangan bingung, jika Anda tidak akan memberikan strWindowFeatures maka itu akan terbuka di tab baru.

window.open('https://play.google.com/store/apps/details?id=com.drishya');
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.