Entrée bouton target=“_blank” n'est pas à l'origine du lien de chargement dans une nouvelle fenêtre/onglet

J'ai un fichier HTML avec un bouton d'entrée.
Ce n'est qu'un exemple de bouton, mais il y compris toutes les informations nécessaires de code: 

<input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" target="_blank">

Pour une raison quelconque, il n'est pas en cours de chargement dans une nouvelle fenêtre/onglet.

OriginalL'auteur Teemu Laine | 2013-06-20

  1. 8

    vous aurez besoin de le faire comme cela... 

    <a type="button" href="http://www.facebook.com/" value="facebook" target="_blank" class="button"></a>

    et ajouter le css de base si vous voulez qu'il ressemble à une btn.. comme ce

        .button {
width:100px;
height:50px;
-moz-box-shadow:inset 0 1px 0 0 #fff;
-webkit-box-shadow:inset 0 1px 0 0 #fff;
box-shadow:inset 0 1px 0 0 #fff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
background:-moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
background-color:#fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777;
font-family:Helvetica;
font-size:15px;
font-weight:700;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0 #fff
}
.button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');
background-color:#d1d1d1
}
.button:active {
position:relative;
top:1px
}

    cible ne fonctionne qu'avec des balises href..

    J'ai essayé cela, mais il ne le fera pas ressembler à bouton?! jsfiddle.net/6v4q2
    jsfiddle.net/pzw4j
    voici un exemple et il ne fonctionne. vous pouvez ajouter un effet de faire pousser effet, je peux tout juste à 10 min deux 😉
    Aah, de ce point en avant de la valeur du bouton en css. Maintenant ça fonctionne 🙂
    formtarget="_blank"

    OriginalL'auteur jycr753

  2. 36

    utilisation formtarget="_blank" son travail pour moi

    <input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" formtarget="_blank">

    La compatibilité du navigateur: à partir de caniuse.com

    IE: 10+
    | Bord: 12+
    | Firefox: 4+
    | Chrome: 15+
    | Safari/iOS: 5.1+
    | Android: 4+

    Assurez-vous de dire aux gens ce HTML5, la balise: w3schools.com/tags/att_button_formtarget.asp
    Cela devrait être le nouveau accepté de répondre à
    Malheureusement le lien fourni stipule que Le formtarget attribut n'est utilisé que pour les boutons avec type="submit". Il ne fonctionne pas pour moi.

    OriginalL'auteur mans

  3. 6

    La réponse correcte:

    <form role="search" method="get" action="" target="_blank"></form>

    Pris en charge dans tous les principaux navigateurs 🙂

    Testé dans IE7+, Chrome, FF et Safari

    OriginalL'auteur Davis

  4. 4

    Confronté à un problème similaire, je l'ai résolu de cette façon:

    <a href="http://www.google.com/" target="_top" style="text-decoration:none"><button id="back">Back</button></a>

    Changement _top avec _blank si c'est ce que vous avez besoin.

    Merci pour ça, j'ai eu le même problème avec wicket qu'il ne pourrait pas obtenir le droit de la classe (comme un bouton) pour le href , et cette réponse a résolu mon problème

    OriginalL'auteur Gianluca Greco

  5. 3

    target n'est pas valide sur un input élément.

    Dans ce cas, cependant, votre redirection se fait en Javascript, donc vous pourriez avoir votre script pour ouvrir une nouvelle fenêtre.

    OriginalL'auteur

  6. 2

    Un input élément ne prend pas en charge la target attribut. Le target attribut est pour a balises et c'est là où il doit être utilisé.

    OriginalL'auteur MaVRoSCy

  7. 2

    La formtarget attribut n'est utilisé que pour les boutons avec type="submit".

    C'est à partir de ce référence.

    Ici est une réponse à l'aide de JavaScript:

    <input type="button" onClick="openNewTab()" value="facebook">
<script type="text/javascript">
function openNewTab() {
window.open("http://www.facebook.com/");
}
</script>

    OriginalL'auteur M12 Bennett

  8. 1

    S'il vous plaît essayer cette
    il travaille pour moi

    onClick="fenêtre.ouvrir('http://www.facebook.com/','facebook')"

    <button type="button" class="btn btn-default btn-social" onClick="window.open('http://www.facebook.com/','facebook')">
<i class="fa fa-facebook" aria-hidden="true"></i>
</button>

    OriginalL'auteur Saikat Das

  9. 1

    Au lieu de

    onClick="parent.location='http://www.facebook.com/'"

    essayez d'utiliser

    onClick="fenêtre.ouvrir='http://www.facebook.com/'"
    onClick="window.open('http://www.facebook.com/','facebook')"

    OriginalL'auteur nick

  10. 0
    <form target="_blank">
<button class="btn btn-primary" formaction="http://www.google.com">Google</button>
</form>
    Cette réponse se place dans le bas de la qualité de l'examen de la file d'attente, sans doute parce que vous n'avez pas à fournir d'explication sur le code. Si ce code répond à la question, envisagez l'ajout d'un texte expliquant le code dans votre réponse. De cette façon, vous êtes beaucoup plus susceptibles d'obtenir plus upvotes — et d'aider l'interlocuteur à apprendre quelque chose de nouveau.

    OriginalL'auteur JoshYates1980

  11. 0

    Une autre solution, à l'aide de JQUERY, serait d'écrire une fonction qui est appelée lorsque l'utilisateur clique sur le bouton. Cette fonction crée un nouveau <A> élément target= "blank", ajoute ce document, les "clics" puis, il le supprime.

    Pour autant que l'utilisateur est concerné, ils ont cliqué sur un bouton, mais derrière la scène, un <A> élément target='_blank' a cliqué.

    <input type="button" id='myButton' value="facebook">
$(document).on('ready', function(){
$('#myButton').on('click',function(){
var link = document.createElement("a");
link.href = 'http://www.facebook.com/';
link.style = "visibility:hidden";
link.target = "_blank";
document.body.appendChild(link);
link.click();
document.body.removeChild(link); 
});
});

    JsFiddle : https://jsfiddle.net/ragDaniel/tf991u4g/2/

    OriginalL'auteur RagD

  12. 0

    Suffit d'utiliser le javascript de la fenêtre.ouvert fonction avec le deuxième paramètre à "_blank"

    <button onClick="javascript:window.open('http://www.facebook.com', '_blank');">facebook</button>

    OriginalL'auteur Laurent