web-dev-qa-db-fra.com

Ouvrir le bouton dans une nouvelle fenêtre?

Comment pourrais-je ouvrir le bouton dans une nouvelle fenêtre, en émulant "a href, target = _blank"?

J'ai actuellement:

<button class="button" onClick="window.location.href='http://www.example.com';"> 
     <span class="icon">Open</span>
</button>

Le bouton n'est pas dans un formulaire, je veux juste l'ouvrir dans une nouvelle fenêtre.

javascripthtmlbuttonwindownew-operator
27
Latox

Ouvre une nouvelle fenêtre avec l'URL que vous avez fournie :)

<button class="button" onClick="window.open('http://www.example.com');">
     <span class="icon">Open</span>
</button>

j'espère que ça t'as aidé :)

71
Damien-Wright

Je n'ai pas réussi à faire fonctionner votre méthode @ Damien-at-SF ...

J'ai donc recouru à mes anciennes connaissances.

En plaçant l'entrée type = "bouton" dans un élément de lien hypertexte, vous pouvez simplement déclarer la propriété cible comme suit:

<a href="http://www.site.org" target="_blank">
<input type="button" class="button" value="Open" />
</a>

'Target = "_ blank"' est la propriété qui permet au navigateur d'ouvrir le lien dans un nouvel onglet. Cet attribut a d'autres propriétés, voir: http://www.w3schools.com/tags/att_a_target.asp pour plus de détails.

Étant donné que l'attribut 'value = ""' sur les boutons écrira la chaîne contenue dans le bouton, une étendue n'est pas nécessaire.

Au lieu d'écrire:

<element></element>

pour la plupart des éléments HTML, vous pouvez simplement les fermer avec une barre oblique, comme ceci:

<element />

Oh, et enfin ... un élément "bouton" contient un déclencheur de rafraîchissement, donc j'utilise un "type d'entrée [bouton]" pour éviter de déclencher le formulaire.

Programmeurs de bonne chance.

En raison de la politique de StackOverflow, j'ai dû changer le domaine dans l'exemple: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com- et-http-mysite-com-blocke

6
josh.thomson
<input type="button" onclick="window.open(); return false;" value="click me" />

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

4
Demian Brecht

Vous pouvez y parvenir en utilisant la méthode window.open(), en passant _blank comme l'un des paramètres. Vous pouvez vous référer aux liens ci-dessous qui ont plus d'informations à ce sujet.

http://www.w3schools.com/jsref/met_win_open.asp

http://msdn.Microsoft.com/en-us/library/ms536651 (v = vs.85) .aspx

J'espère que ceci vous aidera.

4
clklachu

Si vous voulez strictement vous en tenir au bouton, créez simplement une fonction de fenêtre ouverte comme suit:

    <script>
function myfunction() {
    window.open("mynewpage.html");
}
</script>

Ensuite, dans votre html, procédez comme suit avec votre bouton:

Joindre

Vous auriez donc quelque chose comme ceci:

 <body>
    <script>
function joinfunction() {
    window.open("mynewpage.html");
}
</script>
<button  onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button>
3
RileyManda