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?

javascript new-window Mark Mitchell
sumber
kemungkinan duplikat Javascript - Buka URL yang diberikan di tab baru dengan mengklik tombol
Luke Alderton

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.

citruspi
sumber
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 Mokaddim
sumber
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');
Ankit Kumar Rajpoot
sumber