Apa itu _blank di javascript?

Pada artikel ini kita akan mempelajari cara menggunakan atribut TARGET untuk membuka situs web di jendela baru menggunakan HTML dan JavaScript

TARGET atribut HTML

Pembukaan tautan bernama bingkai atau jendela ditentukan menggunakan atribut Target dari tag jangkar. Tag penutup dalam konten HTML harus muncul setelah setiap tag pembuka karena elemen dipasangkan. Meskipun elemen href (referensi hiperteks) dari tag jangkar memiliki beberapa opsi lain, ini diperlukan karena mengandung URL halaman web tempat tautan akan pergi saat diklik

Sintaksis

 Linked Text 

Nilai Atribut − Jendela target untuk URL yang ditentukan oleh atribut href dirujuk oleh atribut ini. Itu mungkin memiliki salah satu dari nilai berikut -

• _top − Ini menggantikan frame yang ada untuk memuat halaman web ke dalam jendela browser menggunakan full-body

• _self − _self adalah nilai default atribut target secara default. Ini membuka halaman web di jendela atau bingkai yang sama dengan tautan yang dibuka

• _blank − Jendela browser baru dibuka saat halaman web dimuat

• _parent − Metode ini memuat halaman web di jendela induk atau frameset

Elemen HTML, di mana konten situs web tertaut akan ditampilkan, harus memiliki atribut NAME yang disediakan jika Anda ingin memuat konten halaman web ke bingkai lain. Selain itu, atribut target elemen harus ditentukan, serta nama frame yang isinya akan ditampilkan

Contoh

Dalam contoh ini mari kita pahami penggunaan target="blank" seperti yang ditunjukkan di bawah ini. Halaman web akan terbuka di jendela baru setiap kali pengguna mengklik teks yang ditautkan

Target a Window Using JavaScript or HTML - TutorialsPoint

   
   
   


   
The webpage will launch in a new window after clicking the link below.
   Welcome to Tutorialspoint website!

Menggunakan JavaScript, buka URL di tab baru

Tag jangkar dalam HTML adalah metode sederhana dan langsung untuk membuka URL di tab baru. Bagian ini memiliki informasi lebih lanjut tentang tag ini. Namun, ada situasi ketika Javascript harus digunakan untuk mencapai tugas yang sama. Jendela. metode open() bermanfaat dalam situasi ini. Berdasarkan konfigurasi browser dan nilai parameter, jendela. metode open() dapat digunakan untuk membuka jendela browser baru atau tab baru

Strategi

• Kita harus menggunakan _blank di parameter kedua untuk membuka tab baru dengan jendela. buka() metode

• Nilai jendela. buka() kembali. Referensi dikembalikan oleh jendela. open() adalah jendela atau tab yang baru dibuat atau null jika gagal

• Hindari menambahkan parameter ketiga ke dalamnya karena hal itu akan menyebabkan jendela baru terbuka, bukan tab

Sintaksis

window.open(URL, '_blank');

Contoh

Dalam contoh ini, mari kita pahami cara membuka tautan (URL) di tab baru dengan jendela JavaScript. buka() metode

Target a Window Using JavaScript or HTML - TutorialsPoint

   
   
   
   


   
 Once you click the button tutorialspoint.com link will launch in a new tab
   





   
      Open TutorialsPoint
   
   

Contoh

Target a Window Using JavaScript or HTML - TutorialsPoint

   
   
   
   


   
 Click the button to learn JavaScript with
      tutorialspoint.com link, it will launch in a new tab


   
      Open TutorialsPoint
   
   

Secara singkat

Dalam HTML, Anda harus menyertakan URL halaman target di properti href elemen jangkar jika ingin mengarahkan pengguna ke situs web lain. Jika Anda ingin tautan terbuka di jendela baru browser, Anda juga harus menyertakan targetnya

Anda dapat menyelesaikan tugas yang sama di JavaScript dengan menggunakan jendela. buka() metode. Meskipun kami juga dapat menyelesaikan tindakan ini dengan HTML, opsi JavaScript bermanfaat

Seringkali, saat menautkan ke sumber daya eksternal dari situs web kami, kami menggunakan target="_blank" untuk membuka halaman tertaut di tab atau jendela baru. Tetapi ada risiko keamanan yang harus kita waspadai. Tab baru mendapatkan akses terbatas ke halaman penautan (mis. e. situs web kami) melalui Window.opener_, yang kemudian dapat digunakan untuk mengubah URL laman penautan melalui Window.opener.location (ini dikenal sebagai tabnabbing)

Ini mungkin menjadi masalah jika sumber daya eksternal tidak dapat dipercaya, mungkin telah diretas, domain telah berganti pemilik selama bertahun-tahun, dll. Tidak ada jaminan bahwa sumber daya pihak ketiga, tidak peduli seberapa tepercayanya, dapat dipercaya dengan keamanan pengguna kami dan kami, sebagai pengembang, harus selalu menyadari risiko ini

Untuk mencegah tautan yang dibuka di tab baru menyebabkan masalah, kami harus selalu menambahkan atribut rel="noopener noreferrer" ke semua tautan target="_blank" kami

Cuplikan & koleksi yang direkomendasikan

• Kumpulan tip dan trik cepat untuk meningkatkan keterampilan pengkodean Anda selangkah demi selangkah

• Menyalin string ke clipboard. Hanya berfungsi sebagai hasil dari tindakan pengguna (mis. e. di dalam pendengar acara click)

  Apa tujuan dari target _blank?

  Atribut target dengan nilai “_blank” membuka dokumen tertaut di jendela atau tab baru . Atribut target dengan nilai "_self" membuka dokumen yang ditautkan dalam bingkai yang sama dengan yang diklik (ini adalah default dan biasanya tidak perlu ditentukan).

  Bagaimana cara menggunakan target _blank di JavaScript?

  Atribut target HTML menentukan di mana dokumen tertaut akan terbuka saat pengguna mengklik tautan. Jika target=”_blank” diatur dengan elemen jangkar, maka dokumen yang ditautkan akan terbuka di tab baru jika tidak dokumen terbuka di tab yang sama .

  Apa yang bisa saya gunakan selain target _blank?

  Alih-alih target="_blank" , gunakan rel="external" untuk tautan eksternal . Menggunakan atribut rel-external adalah semantik yang lebih baik daripada target kosong. Dan jika Anda membutuhkan tautan eksternal untuk dibuka di tab atau jendela baru, Anda dapat menambahkan potongan jQuery berikut. $('a[rel="eksternal"]').

  Apakah kosong atau _blank?

  blank menargetkan bingkai atau jendela yang ada yang disebut "kosong". Jendela baru dibuat hanya jika "kosong" belum ada. _blank adalah nama khusus yang menargetkan jendela baru tanpa nama .