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

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

@ 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

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