Jak otworzyć adres URL w nowej karcie za pomocą JavaScript?

Jest to bardzo powszechne w nawigacji użytkowników z jednej strony na drugą podczas opracowywania aplikacji internetowej. Zwykle podczas korzystania z HTML znacznik kotwicy służy do dodawania linków do nawigacji do innych stron. Domyślnie przeglądarka nie umożliwia przełączania się na nową kartę podczas klikania linku. Musimy więc zdefiniować atrybut na linku, który skieruje instrukcję do przeglądarki, że musi otworzyć ten link do nowej karty.

Podczas gdy pracujemy w HTML, możemy umieścić wartość „_blank” na atrybut docelowy, a link URL zostanie otwarty w nowej karcie. Ale jak osiągnąć tę pracę, gdy używasz JavaScript. Porozmawiamy o tym, jak otworzyć adres URL w nowej karcie za pomocą JavaScript w tym zapisie.

Otwieranie adresu URL w nowej karcie za pomocą HTML

Hiperłącze na inną stronę jest tworzone z elementem kotwiczącym w HTML. Używamy właściwości HREF, aby podać adres URL strony, do której chce, aby użytkownik wyświetlał monit i wartość „_blank” do docelowego atrybutu znacznika do otwarcia linku w nowej karcie.

Tradycyjna metoda wykonania tego zadania jest następująca:

Witryna Linuxhint

Teraz, jeśli klikniesz link „Witryna Linuxhint”, „Linuxhint.com ”otworzy się na nowej karcie.

To był tradycyjny sposób na otwarcie linku w nowej karcie.

Teraz przyjrzymy się, jak możemy to osiągnąć za pomocą JavaScript

Otwieranie adresu URL w nowej karcie za pomocą JavaScript

Aby otworzyć adres URL w nowej karcie za pomocą JavaScript, okno.otwarty() Metodę można wykorzystać.

Technika jest dość prosta. Musimy tylko przekazać dwa argumenty na okno.otwarty() metoda. Jeden to adres URL strony internetowej. Drugi argument jest taki sam jak atrybut docelowy w znaczniku kotwicy, w którym określamy, gdzie chcemy otworzyć adres URL E.G. "_pusty".

okno.Open („url”, „_blank”);

Pomyślmy o przykładu, w którym chcemy otworzyć „Linuxhint.Witryna com ”w nowej karcie z kliknięciem przycisku.

Witryna Linuxhint

Po utworzeniu przycisku w HTML, nazywaliśmy funkcję wymienioną "Nowa karta()".

Zdefiniujmy to w naszym kodzie JavaScript, w którym użyjemy okno.otwarty() metoda i podaj jej adres URL „Linuxhint.com ” strona internetowa i "_pusty" wartość otwarcia strony internetowej w nowej karcie.

JS

const newtab = () =>
okno.Otwórz („https: // linuxhint.com ",„ _blank ”);

Wykonajmy kod i zobaczmy wyniki.

Po kliknięciu przycisku „kliknij” otwiera się „Linuxhint.com ” W nowej zakładce przeglądarki.

Dodatkowe metody

Oto kilka dodatkowych właściwości, które możesz dołączyć podczas otwierania adresu URL:

• _pusty: URL jest otwarty w nowej karcie.
• _rodzic: Rama nadrzędna jest ładowana za pomocą adresu URL.
• _samego siebie: Bieżąca strona jest zastąpiona, gdy nazywana jest ta właściwość
• _szczyt: Wszelkie załadowane ramki są zastąpione nazwą adresu URL - nazwa wdowy.

Wniosek

Aby otworzyć adres URL na nowej karcie, musisz umieścić _pusty wartość do cel atrybut znacznika kotwicy w HTML. Możesz także wybrać znacznik Anchor za pomocą selektora JavaScript i dodać cel atrybut z _pusty wartość. W tym poście widzieliśmy, jak możemy korzystać okno.otwarty() własność w na kliknięcie zdarzenie przycisku do otwarcia adresu URL w nowej karcie programowo za pośrednictwem JavaScript.