web-dev-qa-db-de.com

Schaltfläche in neuem Fenster öffnen?

Wie würde ich vorgehen, um die Schaltfläche in einem neuen Fenster zu öffnen und "ein href, target = _blank" zu emulieren?

Ich habe derzeit:

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

Die Schaltfläche befindet sich nicht in einem Formular, sondern soll nur in einem neuen Fenster geöffnet werden.

javascripthtmlbuttonwindownew-operator
27
Latox

Öffnet ein neues Fenster mit der von Ihnen angegebenen URL :)

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

ich hoffe, das hilft :)

71
Damien-Wright

Ich konnte deine Methode nicht zum Laufen bringen @ Damien-at-SF ...

Also habe ich auf mein altes Wissen zurückgegriffen.

Indem Sie den Eingabetyp = "button" in ein Hyperlink-Element einschließen, können Sie die Zieleigenschaft einfach wie folgt deklarieren:

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

Das 'target = "_ blank"' ist die Eigenschaft, mit der der Browser den Link in einem neuen Tab öffnet. Dieses Attribut verfügt über andere Eigenschaften. Weitere Informationen finden Sie unter: http://www.w3schools.com/tags/att_a_target.asp .

Da das Attribut 'value = ""' für Schaltflächen die enthaltene Zeichenfolge in die Schaltfläche schreibt, ist keine Spanne erforderlich.

Anstatt zu schreiben:

<element></element>

für die meisten HTML-Elemente können Sie sie einfach mit einem abschließenden Schrägstrich schließen:

<element />

Oh, und zum Schluss ... in einem 'button'-Element befindet sich ein Refresh-Trigger. Daher verwende ich einen' input type [button] ', um das Auslösen des Formulars zu vermeiden.

Viel Glück Programmierer.

Aufgrund der Richtlinien von StackOverflow musste ich die Domain im folgenden Beispiel ändern: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com- und-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

Sie können dies mit der window.open() -Methode erreichen, indem Sie _blank als einer der Parameter. Sie können auf die folgenden Links verweisen, die weitere Informationen dazu enthalten.

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

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

Hoffe das wird dir helfen.

4
clklachu

Wenn Sie sich strikt an die Schaltfläche halten möchten, erstellen Sie einfach eine Funktion zum Öffnen des Fensters wie folgt:

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

Dann machen Sie in Ihrem HTML folgendes mit Ihrem Button:

Beitreten

Du hättest also so etwas:

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