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

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
source

shiplu.mokadd.im Cela semble être ce dont j'ai besoin mais je ne sais pas où cela va.

— Mark Mitchell

@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

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
source