Dalam HTML 4.0 Strict dan XHTML 1.0 STRICT, atribut target tidak diperbolehkan untuk digunakan dalam tag <a>, yang merupakan hal yang membuat frustrasi bagi desainer web. Ini masih diperbolehkan dalam spesifikasi transisi masalah dapat diselesaikan.
Atribut target telah dihapus dari spesifikasi HTML4.0. Namun atribut lain ditambahkan: rel. Atribut ini digunakan untuk menentukan hubungan antara dokumen yang berisi tautan dan dokumen tertaut. Nilai atributnya ditentukan dalam spesifikasi (seperti :selanjutnya, sebelumnya, bab, bagian), sebagian besar atribut ini digunakan untuk menentukan hubungan antara bagian-bagian kecil dalam dokumen besar. Faktanya, spesifikasi memungkinkan pengembang untuk secara bebas menggunakan nilai atribut non-standar untuk melakukan hal tertentu aplikasi.
Di sini, kami menggunakan nilai khusus eksternal untuk atribut rel guna menandai tautan untuk membuka jendela baru.
Kode tautan yang tidak sesuai dengan standar web terbaru:
<a href=document.html target=_blank>tautan eksternal</a>
Gunakan atribut rel:
<a href=document.html rel=external>tautan eksternal</a>
Sekarang kita telah membuat tautan ke jendela baru yang sesuai dengan standar Web, kita juga perlu menggunakan JavaScript untuk mengimplementasikan jendela baru. Yang perlu dilakukan skrip adalah menemukan semua itu di dokumen yang kita definisikan sebagai rel=external ketika halaman web dimuat.
Pertama kita harus menentukan browser.
if (!document.getElementsByTagName) kembali;
getElementsByTagName adalah metode yang mudah digunakan dalam standar DOM1, dan saat ini didukung oleh sebagian besar browser. Karena beberapa browser lama seperti Netscape 4 dan IE4 tidak mendukung DOM1, kita harus mengesampingkannya dengan menentukan apakah metode ini ada. browser versi lama ini.
Selanjutnya, kita memperoleh semua tag <a> dalam dokumen melalui metode getElementsByTagName:
var jangkar = dokumen.getElementsByTagName(a);
Jangkar ditetapkan sebagai array yang berisi setiap tag <a>. Sekarang kita harus mengulang setiap tag <a> dan memodifikasinya:
for (var i=0; i < jangkar.panjang; i++) {
var jangkar = jangkar;
Temukan tag <a> untuk mengimplementasikan jendela baru
jika (anchor.getAttribute(href) &&
jangkar.getAttribute(rel) == eksternal)
Selanjutnya, buat target nilai atribut dan tetapkan nilai _target:
jangkar.target = _blank;
Kode lengkap:
--------------------------
fungsi tautan eksternal() {
if (!document.getElementsByTagName) kembali;
var jangkar = dokumen.getElementsByTagName(a);
for (var i=0; i<anchors.length; i++) {
var jangkar = jangkar;
jika (anchor.getAttribute(href) &&
jangkar.getAttribute(rel) == eksternal)
jangkar.target = _blank;
}
}
window.onload = tautan eksternal;