Schaltfläche in neuem Fenster öffnen?

Lesezeit: 3 Minuten

Schaltflache in neuem Fenster offnen
Latox

Wie würde ich vorgehen, um die Schaltfläche in einem neuen Fenster zu öffnen und “a 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, ich möchte sie nur in einem neuen Fenster öffnen.

1647165725 314 Schaltflache in neuem Fenster offnen
Damien-Wright

Ö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 🙂

  • Füge “Rückgabe falsch” hinzu; nach dem onClick-Ereignis, um das Absenden des Formulars zu vermeiden.

    – joseantgv

    19. Januar 2016 um 14:05 Uhr

  • onClick=”window.open( yourUrl , ‘_top’);” im selben Tab zu öffnen.

    – c-chávez

    21. Juni 2018 um 17:03 Uhr


  • In Google Chrome öffnet dieser Code nur einen neuen Tab im selben Fenster. Wäre es möglich, ein neues Browserfenster mit Javascript zu öffnen?

    – Aqqqq

    12. November 2018 um 16:24 Uhr

Schaltflache in neuem Fenster offnen
josh.thomson

Ich konnte Ihre Methode nicht zum Laufen bringen @Damien-at-SF …

Also griff ich auf mein altes Wissen zurück.

Indem Sie die Eingabe type=”button” in ein Hyperlink-Element einschließen, können Sie die Zieleigenschaft einfach so deklarieren:

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

Das ‘target=”_blank”‘ ist die Eigenschaft, die den Browser veranlasst, den Link in einem neuen Tab zu öffnen. Dieses Attribut hat andere Eigenschaften, siehe: http://www.w3schools.com/tags/att_a_target.asp für weitere Details.

Da das ‘value=””‘-Attribut auf Schaltflächen die enthaltene Zeichenfolge in die Schaltfläche schreibt, ist eine Spanne nicht erforderlich.

Anstatt zu schreiben:

<element></element>

Die meisten HTML-Elemente können Sie einfach mit einem abschließenden Schrägstrich schließen, etwa so:

<element />

Oh, und schließlich … ein ‘Schaltflächen’-Element enthält einen Refresh-Trigger, also verwende ich einen ‘Eingabetyp'[button]’, um das Auslösen des Formulars zu vermeiden.

Viel Glück Programmierer.

Aufgrund der Richtlinie von StackOverflow musste ich die Domäne im Beispiel ändern:
https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

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

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

Schaltflache in neuem Fenster offnen
clklachu

Sie können dies erreichen, indem Sie verwenden window.open() Methode, bestanden _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

Ich hoffe, das wird Ihnen helfen.

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

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

Machen Sie dann in Ihrem HTML Folgendes mit Ihrer Schaltfläche:

Verbinden

Also hättest du so etwas:

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

997080cookie-checkSchaltfläche in neuem Fenster öffnen?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy