Input-Taste target="_blank" ist nicht verursacht den link zum laden in einem neuen Fenster/tab

Ich habe eine HTML-Datei mit der input-Taste.
Dies ist nur ein Beispiel-button, aber es ' s auch alle nötigen info-code: 

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

Aus irgendeinem Grund, es ist nicht das laden in einem neuen Fenster/tab.

InformationsquelleAutor Teemu Laine | 2013-06-20
  1. 8

    müssen Sie es so machen... 

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

    hinzufügen und die grundlegenden css-wenn Sie möchten, dass es aussieht wie eine btn.. so

        .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
}

    target funktioniert nur mit href-tags..

    • Ich hab das versucht, aber es wird nicht machen es so Aussehen, button?! jsfiddle.net/6v4q2
    • jsfiddle.net/pzw4j
    • hier ist Probe und es hat funktioniert. Sie haben, um den Effekt hinzufügen, um push-Effekt, ich kann nur in 10 min zwei 😉
    • Aah, diesen Punkt vor dem button Wert in css. Jetzt funktioniert es 🙂
    • Bearbeite ich es, so sieht auch mehr wie ein btn, während schweben und drücken Sie
    • formtarget="_blank"
    • Wo hast du die Referenz für diesen att? Ich kann es und, wie ich weit ich kann mich nicht erinnern ich habe nie gesehen etwas rufen "formtarget"
    • siehe demo: w3schools.com/tags/att_button_formtarget.asp
    • Das ist ein HTML5-tag. Nicht unterstützt in allen gängigen Browsern.
    • das ist die grundlegende html -, wenn man darüber spricht, CSS3, dass ist eine andere Sache, aber wieder, es wird unterstützt von allen gängigen Browsern, und für diejenigen, IE8 gibt es einen kleinen fallback filter:progid: so können Sie haben einige kleine Erfahrungen.. wenn Sie wollen, dass die Reale Erfahrung, die Sie bekommen sollten, einen echten browser

    InformationsquelleAutor jycr753
  2. 37

    verwenden formtarget="_blank" seine Arbeit für mich

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

    Browser-Kompatibilität: von caniuse.com

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

    • Stellen Sie sicher, dass Sie sagen, die Menschen dieses HTML5-tag: w3schools.com/tags/att_button_formtarget.asp
    • Dies sollte der neue akzeptierte Antwort
    • Leider ist der link besagt, dass Der formtarget Attribut ist nur für buttons mit type="submit". Es funktioniert nicht für mich.
    InformationsquelleAutor mans
  3. 6

    Die richtige Antwort:

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

    Unterstützt alle gängigen Browser 🙂

    • Getestet in IE7+, Chrome, FF und Safari
    InformationsquelleAutor Davis
  4. 4

    Vor einem ähnlichen problem, ich löste es auf diese Weise:

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

    Ändern _top mit _blank wenn dies ist, was Sie brauchen.

    • Vielen Dank dafür, ich hatte das gleiche problem mit wicket, dass es couldnt get die richtige Klasse (wie eine Taste) für das "href", und diese Antwort ist mein problem gelöst
    InformationsquelleAutor Gianluca Greco
  5. 3

    target ist nicht gültig auf eine input element.

    In diesem Fall, obwohl, Ihre Umleitung erfolgt über Javascript, so dass Sie könnte dein script ein neues Fenster geöffnet.

    InformationsquelleAutor
  6. 2

    Einer input - element nicht unterstützt target Attribut. Die target Attribut ist für a - tags und das ist, wo es verwendet werden soll.

    InformationsquelleAutor MaVRoSCy
  7. 2

    Den formtarget Attribut ist nur für buttons mit type="submit".

    Ist von dieser Referenz.

    Hier ist eine Antwort mit JavaScript:

    <input type="button" onClick="openNewTab()" value="facebook">

<script type="text/javascript">
    function openNewTab() {
        window.open("http://www.facebook.com/");
    }
</script>
    InformationsquelleAutor Grizzly
  8. 1

    Bitte versuchen Sie, diese
    es ist für mich arbeiten

    onClick="Fenster.öffnen('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>
    InformationsquelleAutor Saikat Das
  9. 1

    Statt

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

    versuchen Sie es mit

    onClick="Fenster.öffnen='http://www.facebook.com/'"
    onClick="Fenster.open('http://www.facebook.com/','facebook')"

    InformationsquelleAutor nick
  10. 0
    <form target="_blank">
    <button class="btn btn-primary" formaction="http://www.google.com">Google</button>
</form>
    • Diese Antwort kam in der low-quality review-Warteschlange, vermutlich, weil Sie nicht bieten eine Erklärung für den code. Wenn in diesem code wird die Frage beantwortet, sollten Sie erwägen, hinzufügen von text zu erklären, den code in deine Antwort. Auf diese Weise sind Sie weit mehr wahrscheinlich, um mehr upvotes — und helfen den fragenden, etwas neues zu lernen.
    InformationsquelleAutor JoshYates1980
  11. 0

    Andere Lösung, mit Hilfe von JQUERY, wäre eine Funktion schreiben, die aufgerufen wird, wenn der Benutzer auf die Schaltfläche klickt. Diese Funktion erstellt eine neue <A> - element mit target='blank', fügt diese zu dem Dokument, 'klickt' es dann entfernt.

    Soweit der Benutzer betroffen ist, ist Sie eine Schaltfläche geklickt, aber hinter den kulissen, ein <A> element mit target='_blank' geklickt wurde.

    <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/

    InformationsquelleAutor RagD
  12. 0

    Verwenden Sie einfach die javascript - Fenster.öffnen - Funktion mit dem zweiten parameter an "_blank"

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