179 votes

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

Je suis en train de créer un "bouton de partage" pour partager la page en cours. 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 ?

293voto

citruspi Points 5983

Utilice 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 Page qui ouvre l'URL actuel dans une nouvelle fenêtre d'une hauteur de 570 et d'une largeur de 520.

82voto

shiplu.mokadd.im Points 28895

Il suffit d'utiliser 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);

14voto

Ne vous méprenez pas, si vous ne donnez pas de strWindowFeatures, la fenêtre s'ouvrira dans un nouvel onglet.

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

1voto

Joe K Points 23

Ce qui suit est du JavaScript à utiliser dans une fonction : Notez que j'ai des 1 et des 0 à la place de oui et de non.

var theTop=((screen.height/2)-(theHeight/2))/2;
var theLeft=(screen.width/2)-(theWidth/2);
var features = 'height=600,width=800,top='+theTop+',left='+theLeft+',toolbar=1,Location=0,Directories=0,Status=0,menubar=1,Scrollbars=1,Resizable=1';

window.open(in_uri, WindowName, features);

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X