kode javascript

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["//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["//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", "//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 title

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

 

function btnNT[] {
  window.open[
     "//stackdiary.com/", "_blank"];
}

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 using the specified name. If the name does not exist, the browsing context loads in a new tab or window, loading the page in it.

– Jendela. open[] Ikhtisar

Metode open[] berfungsi serupa dengan memilih Jendela Baru dari menu Berkas. Url parameter, menentukan URL yang akan dibawa masuk dan dimuat di jendela baru.

Jika url kosong, itu membuat jendela kosong hitam baru – URL tentang. kosong

URL jarak jauh tidak akan langsung dimuat karena proses pengambilan URL yang sebenarnya dimulai setelah blok skrip yang sedang berlangsung selesai dieksekusi. Membuat jendela dan memuat sumber daya referensi terjadi secara asinkron

Namun, jika jendela dengan nama sudah ada, itu akan memuat url ke jendela yang ada. Di sini, nilai yang dikembalikan adalah jendela saat ini – mengabaikan fitur jendela

String url kosong menawarkan referensi ke jendela terbuka dan mempertahankan lokasi jendela. Jika tidak, panggil jendela. open[] membuat jendela baru. Seperti yang dinyatakan sebelumnya, gunakan nilai khusus _blank untuk windowName untuk membuka jendela baru pada setiap panggilan window. buka[] .

Pengguna JavaScript membuka tab baru dengan URL seperti yang ditentukan dalam sintaks. Url berarti URL halaman web yang akan dibuka

– Jendela. buka[] Parameter

Ini adalah DOMString yang menentukan URL halaman yang akan dibuka, mis. e. , lokasi halaman web yang akan dimuat. Itu bisa berupa URL atau jalur ke file gambar, halaman HTML, atau halaman lain yang didukung browser. Jika url tidak ditentukan [string kosong], ini akan membuka tab atau jendela baru dengan about. kosong. Ini fitur toolbar default dari jendela utama

namajendela

Namanya adalah DOMString yang menentukan atribut target atau nama jendela tempat halaman web tertentu dimuat. Ini memungkinkan Anda memberi nama jendela baru. Mendukung nama, menandakan nama jendela atau atribut target. Ini mendukung