HTML-Attribut (jetzt gültig in HTML5)
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>Inline-JavaScript-Methode
<a href="http://chriscoyier.net" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;">This link will open in new window/tab</a>
Gültiger Code
Dieser Link wird in einem neuen Fenster/Tab geöffnet
Ich glaube, einige Codes wurden hier möglicherweise entfernt. Sie können mir gerne eine E-Mail an [email protected] senden, um dies zu beheben.
<a href="http://google.es" onclick="window.open(this.href); return false;">Dieser Link wird in einem neuen Fenster/Tab geöffnet</a>
Hallo,
Mit der zweiten Methode wird der href auch in meinem aktuellen (übergeordneten) Fenster geöffnet. d. h. mein aktuelles Fenster und das neue Fenster zeigen beide auf den href-Wert. Ich möchte nicht, dass sich mein übergeordnetes Fenster ändert
Mein Zweck war es, einen Link in einem neuen Fenster zu öffnen,
Ich habe dies versucht, aber mein übergeordnetes Fenster (das den Link enthält) wird leer, wenn ich auf den Link klicke.
Es funktioniert nicht, weil es sein sollte
onclick=”window.open(this.href,’_blank’); return false;”
das tut es aber nicht
Target-blank ist kein striktes XHTML (es könnte als Verhalten betrachtet werden, das nicht im Markup platziert werden sollte) und es kann Leute wütend machen, wenn es bei jedem Link verwendet wird, insbesondere bei internen. Aber manchmal kann es nützlich sein, wenn unter vielen internen Links ein externer Link vorhanden ist.
Ich persönlich bevorzuge die Verwendung von CSS-Content, um hinter diesen Links über eine automatische Erkennung (attr) ein „(ext)“ zu setzen.
Ich würde sagen, es ist schlechte Praxis. Denn wenn ich einen Link in einem neuen Fenster öffnen möchte, drücke ich einfach Umschalt+Mausklick. Oder die mittlere Taste (um in einem neuen Tab zu öffnen).
Ich würde sagen, es ist die beste Praxis, target=”_blank” zu verwenden, weil es einfach funktioniert.
Es gibt Leute, die nicht wissen, dass man die mittlere Maustaste oder andere Tastenkombinationen drücken kann. Niemand wird es am Ende sehen. Warum sollte ich diese Regel in diesem Punkt brechen?
Wie mit Auto-Öffnen in neuen Fenstern?
Entschuldigung, ich bin ein Neuling in CSS :D
Danke! PDFs scheinen _blank nicht zu respektieren.
Hallo Jason, für PDF-Verwendungen, target=”_new”
Dieser Schnipsel war sehr nützlich, vielen Dank!
Ich denke, dieser Artikel ist irreführend, er besagt eindeutig, dass target=”_blank” ungültig ist, was nicht stimmt. Er ist sowohl in HTML5 als auch in XHTML 1.0 Transitional perfekt gültig. Er ist nur in der Strict DTD ungültig, aber wer benutzt die schon?
Es gibt keinen wirklichen Grund, das target-Attribut nicht zu verwenden, jeder Browser unterstützt es und wird es auch in absehbarer Zukunft unterstützen. Und außerdem, warum JavaScript für etwas verwenden, das der Browser nativ kann?
Gibt es Vorteile/Nachteile bei der Verwendung von HTML gegenüber JS oder umgekehrt?
So etwas sollte dringend abgeraten werden. Nur jemals sollte eine Website eine winzige Prise
target="_blank"über ihrer Glasur haben. Es ist vollständig die Wahl des Benutzers, ob er einen neuen Tab/ein neues Fenster öffnen möchte oder nicht. Es spielt keine Rolle, ob einige Benutzer nicht wissen, wie man mit der mittleren Maustaste klickt; wer sind wir, um neuen Tabs diejenigen aufzuzwingen, die wissen, wie man Links in neuen Tabs öffnet, nur um der wenigen unwissenden Benutzer willen.Ich bin auf ziemlich viele Websites gestoßen, bei denen Links in neuen Tabs geöffnet werden, obwohl sie es nicht sollten, und das ist frustrierend, weil ich wollte, dass der Link im aktuellen Tab geöffnet wird.
Lassen Sie
target="blank"in Ruhe, es sei denn, Sie brauchen es absolut.Perfekt! Genau das, wonach ich gesucht habe. Danke :)
Es gibt tatsächlich einen Bedarf an Links, die sich in neuen Fenstern öffnen… manchmal. Ich entwerfe und programmiere eine Website, die Daten von Benutzern sammelt und sie auffordert, Dateien (Bilder und PDF-Dokumente) hochzuladen. Der gesamte Prozess beinhaltet, dass Mitarbeiter ein Formular ausfüllen und dann Belegscans/-bilder für die Erstattung hochladen. Dies muss von einem Intranet-Admin im Büro eingesehen werden. Ich habe eine schöne Seite, die den Anspruch in einem niedlichen Formular anzeigt, bei Bedarf leicht druckbar, und Links zu den relevanten Datei-Uploads.
Ich möchte nicht, dass diese Links das Elternfenster übernehmen. Sie sind zusätzliche Informationen zu den in den Elternfenster angezeigten Daten, daher müssen sie sich in einem neuen Fenster oder Tab öffnen (basierend auf den Browsereinstellungen), während das Elternfenster unverändert bleibt. Häufig werden beide Fenster geprüft und verglichen. Schwer zu tun, wenn nur eines gleichzeitig geöffnet ist!
Und nein, unsere Buchhaltungsmitarbeiter sind nicht IT-kundig genug, um zu erkennen, wie/wann sie einen Link in einem neuen Fenster öffnen sollen. Sie erwarten, dass es für sie erledigt wird. Und das zu Recht.
Davon abgesehen ist dies ein seltener Fall, und ich würde dies normalerweise nicht anders oder aus einem anderen Grund verwenden. Es stört mich, dass die Verwendung von target=”_blank” im strikten HTML5-Modus nicht akzeptabel ist. Ich programmiere meine HTML/CSS/PHP immer auf perfekte strikte Akzeptanzwerte. Nun… das habe ich bis jetzt getan. Das ist die Ausnahme. :/
Fügen Sie dies zum href hinzu
rel=”external” onclick=”this.target=’_blank’;”
Funktioniert mit Strict
Danke Jason, es funktioniert…
Angesichts des Titels dieser Website, wäre es nicht gut gewesen, einen CSS-Trick zu verwenden? Wie
a[href^="http"]um die Links anders zu gestalten, vielleicht mit einem Symbol imbackground-image?onclick=”return !window.open(this.href);”
Dies funktioniert auch: target=”new”
Dies ist kein gültiger Code target=”new”, besser target=”_blank” verwenden
Ich habe all diese versucht und es ist unvorhersehbar. Manchmal funktioniert target=_blank, aber einige Browser ignorieren dieses Attribut. Hier sind mehr Leute mit demselben Problem Stackoverflow-Link
Wir haben diese Option target=”_blank”
Die beste und einfachste Option, die ich bisher gefunden habe, ist target=”_blank”
Bisher… meine Verwendung von z. B. was auch immer hier
hat meistens immer in jedem Browser funktioniert. target=”new” nicht so sehr, aber target=”_new” normalerweise schon.
Dass _new nicht funktioniert, hat etwas mit deren Coding-Snippets zu tun.
Hallo HarBek…
Sie können target=”_anything” verwenden… Es ist nicht zwingend erforderlich, „new“ nach dem Unterstrich zu verwenden….da dies kein Schlüsselwort ist.. Jeder Browser kann es als Befehl zum Öffnen eines neuen Fensters interpretieren. :)
Dieses Thema vermisst etwas Wichtiges. Gibt es eine Möglichkeit mit CSS und HTML, interne Links im selben Fenster und externe Links in einem neuen Fenster zu öffnen? Nein oder ja, und wenn ja, wie?
Ich sollte hinzufügen, dass ich bisher nur bei Attributen angekommen bin.
a[href^=”http”]… aber ich fühle mich irgendwie dumm, wie ich die content-Eigenschaft festlegen soll und/oder was auch immer sonst noch erforderlich ist.
Hallo, das wird keinen neuen Tab öffnen
http://codepen.io/Philip8888/pen/VvpNEr
Alle anderen Links auf der Seite funktionieren mit dem Target-blank-Attribut, nur dieser nicht. Ich habe noch einen https: auf der Seite, ansonsten sind es alles http: jede Hilfe wäre sehr willkommen. und Haushaltsfragen, ob man das verwenden sollte oder nicht, sind nicht relevant. Die Seite ist mit dem Target-Attribut aufgebaut, entschuldigen Sie keine Beleidigungen beabsichtigt
Diese Seite heißt „CSS-TRICKS“, aber ich kann das CSS nicht finden.
target=”_blank” ist kein CSS.
^^^ Was Adrian gesagt hat.
Ich stimme zu, kein CSS. Gibt es eine Möglichkeit in einer Klasse, die ein Link im <a href-Bereich für die Klasse verwendet, nur diese Klasse zu zwingen, die Links mit dieser Klasse in einem neuen Fenster zu öffnen?
Probiert, aber es öffnet nur im neuen Tab, nicht im neuen Fenster. Irgendwelche Ideen, wie?