Javascript - Ouvre une URL donnée dans un nouvel onglet en cliquant sur un bouton

Je voudrais avoir un bouton qui redirige vers une URL donnée et s'ouvre dans un nouvel onglet. Comment cela peut-il être fait?

Utilisez ceci:

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

Cela a fonctionné pour moi et cela ouvrira une nouvelle fenêtre contextuelle plutôt qu'un nouveau navigateur ou onglet complet. Vous pouvez également y ajouter des variables pour l'empêcher d'afficher des caractéristiques de navigateur spécifiques comme suit:

onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"

En javascript, vous pouvez faire:

window.open(url, "_blank");

L'ajout de target = "_ blank" devrait le faire:

<a id="myLink" href="www.google.com" target="_blank">google</a>

Vous pouvez oublier d'utiliser JavaScript car le navigateur contrôle s'il s'ouvre ou non dans un nouvel onglet. Votre meilleure option est de faire quelque chose comme ce qui suit à la place:

<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
    <input name="dynamicParam1" type="text"/>
    <input name="dynamicParam2" type="text" />
    <input type="submit" value="submit" />
</form>

Cela s'ouvrira toujours dans un nouvel onglet quel que soit le navigateur utilisé par un client en raison de l' target="_blank"attribut.

Si tout ce dont vous avez besoin est de rediriger sans paramètres dynamiques, vous pouvez utiliser un lien avec l' target="_blank"attribut comme le suggère Tim Büthe.

Utilisez window.openau lieu de window.locationpour ouvrir une nouvelle fenêtre ou un nouvel onglet (selon les paramètres du navigateur).

Votre violon ne fonctionne pas car il n'y a aucun buttonélément à sélectionner. Essayez input[type=button]ou donnez au bouton un idet utilisez #buttonId.

Ma méthode préférée a l'avantage de ne pas intégrer de JavaScript dans votre balisage:

CSS

a {
  color: inherit;
  text-decoration: none;
}

HTML

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>

Ouvrir dans un nouvel onglet en utilisant javascript

 <button onclick="window.open('https://www.our-url.com')" id="myButton" 
 class="btn request-callback" >Explore More  </button>

Je viens d'utiliser target = "_ blank" sous la balise form et cela a bien fonctionné avec FF et Chrome où il s'ouvre dans une nouvelle balise mais avec IE, il s'ouvre dans une nouvelle fenêtre.

essaye ça

<a id="link" href="www.gmail.com" target="_blank" >gmail</a>

Essayez ce code HTML:

<input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/>

Vous ne pouvez pas. Ce comportement n'est disponible que pour les plugins et ne peut être configuré que par l'utilisateur.

<BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON>

Ce bouton ressemblera à une URL et pourra être ouvert dans un nouvel onglet.

UTILISEZ ce code

function openBackWindow(url,popName){
        var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050');
          if($.browser.msie){
            popupWindow.blur();
            window.focus();
        }else{
           blurPopunder();
        }
      };

    function blurPopunder() {
            var winBlankPopup = window.open("about:blank");
            if (winBlankPopup) {
                winBlankPopup.focus();
                winBlankPopup.close()
            }
    };

Il fonctionne très bien dans Mozilla, IE et chrome sur et moins de la version 22; mais ne fonctionne pas dans Opera et Safari.