Apakah javascript bisa membuka tab baru?

Saat membuat tautan yang terbuka di tab baru, kita harus menggunakan atribut "_blank" di dalam tag HTML a (anchor). Misalnya, seperti inilah tampilan HTML mentah untuk itu

Click here to open in a new tab

Dan untuk melakukan ini menggunakan JavaScript, Anda dapat menggunakan metode window.open()

Metode ini membutuhkan dua argumen. URL yang ingin Anda buka dan string yang menentukan jendela target tempat URL harus dibuka

Ini sebuah contoh

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

_

Anda kemudian dapat memanggil fungsi secara langsung

openInNewTab("https://stackdiary.com/");

Dan inilah cara Anda mengikat semuanya untuk menerapkan fungsi ke tombol, misalnya

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

const btn = document.getElementById("open-link-button");

btn.addEventListener("click", () => {
  openInNewTab("https://stackdiary.com/");
});

Klik saya untuk demo

Yang perlu Anda lakukan hanyalah menambahkan kelas

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

0 ke tombol Anda

Click me for a demo!

Salah satu fitur unik dari metode ini adalah ia juga menyembunyikan tautan saat pengguna mengarahkannya. Ada dua cara untuk memperbaikinya, yang pertama adalah menambahkan atribut HTML

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

1 yang juga dapat dilakukan dengan JS

btn.setAttribute("title", "https://stackdiary.com/");

Sebagai alternatif, Anda dapat mencoba dan menerapkan tooltip di atasnya - untuk memberikan gambaran kepada pengguna Anda tentang apa yang dilakukan tombol tersebut

---

Menggunakan Acara onclick

Anda juga dapat membuat fungsi khusus untuk masing-masing URL, lalu menambahkan Peristiwa

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

2 ke tombol HTML Anda

Opens in a New Tab

 

_

Peristiwa

const openInNewTab = (url) => {
  window.open(url, "_blank");
}

2 adalah peristiwa JavaScript yang dipicu saat elemen di halaman web diklik. Acara ini dapat dilampirkan ke elemen apa pun di halaman, dan dapat digunakan untuk membuat elemen interaktif di halaman atau untuk mengontrol perilaku elemen lain di halaman saat elemen diklik

Metode window open() populer karena memiliki banyak fitur. Berbagai fitur memberi pengembang lebih banyak fleksibilitas untuk bekerja

Jendela . open() nilai pengembalian mengacu pada tab, jendela, atau null yang baru dibuat jika gagal dibuka.

Jadi, bagaimana Anda membuka tab baru?

Sintaks

jendela. buka(URL, '_blank');

Gunakan _blank di jendela kedua. open() untuk membuka tab baru. Jika Anda menambahkan parameter ketiga, itu akan membuka jendela baru, bukan tab baru.

Alternatifnya, Anda dapat melewati parameter kedua sekaligus dan hanya meneruskan URL

Jendela JavaScript. open() Dijelaskan

Sintaksis

var jendela = jendela. buka(url, namajendela, [Fiturjendela]);

Metode open() adalah metode yang dapat membuka tab baru atau jendela browser baru. Tetapi cara Anda membuka bergantung pada nilai parameter dan pengaturan browser.

The JavaScript open in new tab process is easy. The method loads resources specified into an existing or new tab, window, or