Apri l'URL in una nuova finestra con JavaScript

130

Sto creando un "pulsante di condivisione" per condividere la pagina corrente. Vorrei prendere l'URL della pagina corrente e aprirlo in una nuova finestra. Ho la parte URL corrente funzionante, ma non riesco a far funzionare la parte successiva.

Sto lottando con la sintassi. Vorrei specificare la nuova dimensione della finestra a width=520, height=570.

Qualcosa di simile a:

<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>

Qualche idea?

javascript new-window

— Mark Mitchell
fonte

possibile duplicato di Javascript - Apri un determinato URL in una nuova scheda facendo clic su un pulsante

— Luke Alderton

Risposte:

218

Uso window.open() :

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

Questo creerà un collegamento intitolato Share Pageche apre l'URL corrente in una nuova finestra con un'altezza di 570 e una larghezza di 520.

— citruspi
fonte

come impostare l'altezza e la larghezza della finestra su zero, se imposto su zero viene visualizzato a schermo intero

— Akshatha Srinivas

come possiamo aprirlo come una finestra normale anziché come finestra pop-up? perché impossibile aprire una nuova scheda

— Ashok kumar Ganesan

@AkshathaSrinivas l'altezza minima è 100

— Oscar Acevedo,

Basta usare window.open() funzione? Il terzo parametro consente di specificare le dimensioni della finestra.

Esempio

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
fonte

shiplu.mokadd.im Sembra essere quello di cui ho bisogno ma non sono sicuro di dove vada.

— Mark Mitchell,

@MarkMitchell Se non ti interessano gli standard di codifica, onclicknell'attributo. Un'opzione leggermente migliore è quella di creare una funzione chiamata da onclick. Utilizzando getElementByIded addEventListenerè ancora più pulito. Anche l'uso di jQuery per ottenere una sintassi più breve (e alcune altre funzionalità + tonnellate di plugin) è molto popolare.

— John Dvorak,

Com'è il quarto parametro? A me sembra il terzo. Mi sto perdendo qualcosa?

— CoderDennis

@CoderDennis Bella cattura. Aggiustato.

— Shiplu Mokaddim,

ciao come posso attivare l'evento di chiusura della finestra?

— Dilakshan Sooriyanathan,

Non confondere, se non darai nessuna strWindowFeatures, si aprirà in una nuova scheda.

window.open('https://play.google.com/store/apps/details?id=com.drishya');

— Ankit Kumar Rajpoot
fonte