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?


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.


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,

56

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.mokadd.im Sembra essere quello di cui ho bisogno ma non sono sicuro di dove vada.
Mark Mitchell,

2
@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,

2

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');
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.