web-dev-qa-db-fra.com

Bouton d'ouverture du lien HTML dans un nouvel onglet

Donc, ceci est le code simple pour le bouton pour ouvrir un certain lien

                <button class="btn btn-success" onclick="location.href='http://google.com';"> Google</button>

mais il l'ouvre sur la même page, je veux cependant que le lien s'ouvre sur un nouvel onglet.

htmlweb
12
RDR

Vous pouvez utiliser ce qui suit.

window.open(
  'https:http://google.com',
  '_blank' // <- This is what makes it open in a new window.
);

en HTML

 <button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>

plunker

25
ngLover

Avec Bootstrap, vous pouvez utiliser une ancre comme un bouton.

<a class="btn btn-success" href="https://www.google.com" target="_blank">Google</a>

Et utilisez target="_blank" pour ouvrir le lien dans un nouvel onglet.

2
EstevaoLuis

Essayez d'utiliser le code ci-dessous:

<button title="button title" class="action primary tocart" onclick=" window.open('http://www.google.com', '_blank'); return false;">Google</button>

Ici, la fonction window.open avec _blank comme argument second de window.open ouvrira le lien dans un nouvel onglet.

Et en utilisant return false, nous pouvons supprimer/annuler le comportement par défaut du bouton, tel que submit.

Pour plus de détails et des exemples en direct, cliquez ici

1
Ashish Raj

Essaye ça

window.open(urlValue, "_system", "location=yes");
0
Krishnaraj

Vous pouvez également ajouter ceci à votre formulaire:

<form ... target="_blank">
0
Pavel Chernikov

Utilisez '_blank'. Non seulement le lien sera ouvert dans un nouvel onglet, mais l'état de la page Web d'origine ne sera pas affecté.

0
Harshwardhan S

Essayez ce code.

<input type="button" value="Open Window"
onclick="window.open('http://www.google.com')">
0
rushabhpathak