Ouvrir l'URL dans une nouvelle fenêtre avec JavaScript

130

Je crée un "bouton de partage" pour partager la page actuelle. Je voudrais prendre l'URL de la page actuelle et l'ouvrir dans une nouvelle fenêtre. La partie URL actuelle fonctionne, mais je n'arrive pas à faire fonctionner la partie suivante.

J'ai du mal avec la syntaxe. Je voudrais spécifier la nouvelle taille de la fenêtre à width=520, height=570.

Quelque chose comme: 

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

Des idées?

javascript new-window Mark Mitchell
la source
duplication possible de Javascript - Ouvrir une URL donnée dans un nouvel onglet en cliquant sur un bouton
Luke Alderton

Réponses:

218

Utilisez window.open():

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

Cela créera un lien intitulé Share Pagequi ouvre l'url actuelle dans une nouvelle fenêtre d'une hauteur de 570 et d'une largeur de 520.

agrumes
la source
comment régler la hauteur et la largeur de la fenêtre à zéro, si je la
mets
comment l 'ouvrir comme une fenêtre normale plutôt que comme une fenêtre pop - up? car impossible d'ouvrir un nouvel onglet
Ashok kumar Ganesan
@AkshathaSrinivas la taille minimale est de 100
Oscar Acevedo
56

Utilisez simplement la window.open()fonction? Le troisième paramètre vous permet de spécifier la taille de la fenêtre.

Exemple

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
la source
shiplu.mokadd.im Cela semble être ce dont j'ai besoin mais je ne sais pas où cela va.
Mark Mitchell
2
@MarkMitchell Si vous ne vous souciez pas des normes de codage - dans l' onclickattribut. Une option légèrement meilleure consiste à créer une fonction que vous appelez à partir du onclick. Utilisation getElementByIdet addEventListenerest encore plus propre. L'utilisation de jQuery pour obtenir une syntaxe plus courte (et d'autres fonctionnalités + des tonnes de plugins) est également très populaire.
John Dvorak
Comment est-ce le 4e paramètre? Cela me ressemble au 3ème. Est-ce que je manque quelque chose?
CoderDennis
@CoderDennis Belle prise. Corrigé.
Shiplu Mokaddim le
salut comment puis-je déclencher l'événement de fermeture de fenêtre?
Dilakshan Sooriyanathan
2

Ne confondez pas, si vous ne donnez pas de strWindowFeatures, il s'ouvrira dans un nouvel onglet.

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