So öffnen Sie die URL in neuer Registerkarte mit JavaScript?

Dies ist sehr häufig, um Benutzer von einer Seite zur anderen zu navigieren, wenn Sie eine Webanwendung entwickeln. Wenn Sie HTML verwenden, wird normalerweise das Anker -Tag verwendet, um Links hinzuzufügen, um zu anderen Seiten zu navigieren. Standardmäßig ermöglicht der Browser, dass Sie beim Klicken auf einen Link nicht zur neuen Registerkarte wechseln können. Daher müssen wir das Attribut auf dem Link definieren, der den Anweisungen an den Browser leitet, den es benötigt, um diesen Link auf einer neuen Registerkarte zu öffnen.

Während wir in HTML arbeiten, können wir den Wert "_blank" in das Zielattribut einsetzen, und der URL -Link wird in einer neuen Registerkarte geöffnet. Aber wie Sie diesen Job erreichen, wenn Sie JavaScript verwenden. Wir werden darüber sprechen, wie Sie eine URL in einer neuen Registerkarte mit JavaScript in diesem Artikel öffnen können.

Öffnen Sie die URL in einer neuen Registerkarte mit HTML

Ein Hyperlink zu einer anderen Seite wird mit dem Ankerelement in HTML erstellt. Wir verwenden die HREF -Eigenschaft, um die URL der Seite zu geben, auf die der Benutzer fordert.

Eine traditionelle Methode, um diesen Job zu erledigen, ist wie folgt:

LinuxHint -Website

Wenn Sie nun auf den Link "LinuxHint -Website" klicken, die "LinuxHint".com ”wird sich im neuen Registerkarte öffnen.

Dies war eine traditionelle Möglichkeit, einen Link in einer neuen Registerkarte zu öffnen.

Jetzt werden wir einen Blick darauf werfen, wie wir dies erreichen können, indem wir JavaScript verwenden können

Öffnen Sie die URL in einer neuen Registerkarte mit JavaScript

So öffnen Sie eine URL in einer neuen Registerkarte mit JavaScript, die Fenster.offen() Methode kann verwendet werden.

Die Technik ist ziemlich einfach. Wir müssen nur zwei Argumente an die weitergeben Fenster.offen() Methode. Einer ist die URL der Webseite. Das zweite Argument entspricht dem Zielattribut im Anker -Tag, in dem wir angeben, wo wir die URL E öffnen möchten.G. “_leer”.

Fenster.open ("url", "_blank");

Denken wir an ein Beispiel, in dem wir den „LinuxHint“ öffnen wollen.com ”Website in einer neuen Registerkarte mit dem Klicken auf die Schaltfläche.

LinuxHint -Website

Nachdem wir eine Schaltfläche in HTML erstellt haben, haben wir eine Funktion mit dem Namen genannt "neue Registerkarte()".

Definieren wir es in unserem JavaScript -Code, in dem wir die verwenden werden Fenster.offen() Methode und liefern die URL der „LinuxHint.com ” Website und "_leer" Wert für das Öffnen der Website in einer neuen Registerkarte.

JS

const newtab = () =>
Fenster.Open ("https: // linuxhint.com "," _blank ");

Lassen Sie uns den Code ausführen und die Ergebnisse sehen.

Wenn wir auf die Schaltfläche "Klicken" klicken, wird das geöffnet „LinuxHint.com ” In einem neuen Browser -Registerkarte.

Zusätzliche Methoden

Hier sind einige zusätzliche Eigenschaften, die Sie beim Öffnen einer URL anhängen können:

• _leer: Die URL wird in einer neuen Registerkarte geöffnet.
• _Elternteil: Der übergeordnete Rahmen ist mit der URL geladen.
• _selbst: Die aktuelle Seite wird ersetzt, wenn diese Eigenschaft aufgerufen wird
• _Spitze: Alle geladenen Framesets werden durch den URL -Namen ersetzt - der Name der Witwe.

Abschluss

Um die URL in der neuen Registerkarte zu öffnen, müssen Sie die platzieren _leer Wert zum Ziel Attribut des Anker -Tags in der HTML. Sie können das Anker -Tag auch mit einem JavaScript -Selektor auswählen und das hinzufügen Ziel Attribut mit _leer Wert. In diesem Beitrag haben wir gesehen, wie wir das verwenden können Fenster.offen() Eigentum am ONCLICK Ereignis der Schaltfläche zum Öffnen der URL in der neuen Registerkarte programmatisch über JavaScript.