JavaScript: Otwórz nową kartę i link onclick przycisku HTML

Dowiedz się przy użyciu JavaScript, aby otworzyć nową kartę po kliknięciu łącza lub przycisku w przeglądarce. Zdarzenie onClick i atrybut target są wykorzystywane w JavaScript i HTML.

A+ A-

Czasami chcemy otworzyć nową kartę, klikając łącza lub przycisku w naszej stronie internetowej. Odbywa się to zazwyczaj, gdy chcemy otworzyć zewnętrzną stronę internetową, nie biorąc użytkownikowi dala od własnej stronie internetowej. To jest bardzo często wykorzystywane przez webmasterów -ways funkcjonalność do osiągnięcia tego celu zostały opracowane z wykorzystaniem HTML, jak i JavaScript.

onClick otworzyć nową kartę przy użyciu JavaScript

Jeśli masz przycisk HTML, można użyć poniższy kod JavaScript, aby otworzyć żądany adres URL w nowej karcie , gdy użytkownik kliknie przycisk .

<input type="button" value="New Tab" onclick="window.open('http://www.example.com')">

Pamiętaj, że ta metoda będzie otwierać albo nową kartę lub nowe okno, w zależności od ustawień domyślnych przeglądarki użytkownika . Jednak w dzisiejszych czasach, wszystkie przeglądarki zapewniają widok multi-tab i domyślnie jest to, aby otworzyć nową kartę.

JavaScript jest piękne!

JavaScript jest piękne!

onClick otworzyć nową kartę Korzystanie z HTML

Jeśli chcesz otworzyć odnośnik w nowej karcie -the Najprostszym sposobem jest użycie atrybutu target elementu kotwicę w HTML. Oto jak należy to zrobić.

<a href="http://www.example.com" target="_blank">Example.com in a new tab</a>

ZOBACZ TAKŻE: Otwórz Ostatnio zamknięte karty w Chrome

Wskazówka 1: W tym przypadku atrybut target jest ustawiony na _blank. Wartość ta otwiera nową kartę / okno. Jeśli używasz ramkę na swojej stronie internetowej (lub ramek iframe) można nadać nazwę ramki jako wartości docelowej, aby otworzyć URL w danej ramce. Na przykład:

<a href="http://www.example.com" target="mainframe">Open inside a frame</a>

Wskazówka 2: atrybut target może także używać, aby otworzyć link z wewnątrz ramki do całej karty (jest to tzw złamanie ramka). Aby to zrobić, po prostu dać _top jako wartość atrybutu docelowego. I voila! Łącze złamie ramkę i otwórz w całej karcie.

WSKAZÓWKA 3: Jeśli chcesz, możesz także użyć CSS do stylizacji link wyglądać przycisku.

Mam nadzieję, że ta końcówka była przydatna dla Ciebie. Proszę dać mi znać, jeśli masz jakiekolwiek pytania w tej sprawie. Dziekujemy za korzystanie TechWelkin!

Ads

Dzielić