Rumah > hujung hadapan web > tutorial css > Gunakan JavaScript untuk mengawal kod atribut sasaran pertukaran link_Experience

Gunakan JavaScript untuk mengawal kod atribut sasaran pertukaran link_Experience

WBOY
Lepaskan: 2016-05-16 12:06:56
asal
1576 orang telah melayarinya

Dalam HTML 4.0 Strict dan XHTML 1.0 STRICT, atribut sasaran tidak dibenarkan digunakan dalam teg ia masih dibenarkan dalam spesifikasi peralihan dapat menyelesaikan masalah ini. Hubungan antara mereka. Spesifikasi mentakrifkan nilai atributnya (seperti: seterusnya, sebelumnya, bab, bahagian Kebanyakan atribut ini digunakan untuk menentukan hubungan antara bahagian kecil dalam dokumen yang besar). membolehkan pembangun bebas menggunakan nilai atribut bukan standard untuk aplikasi tertentu

Di sini, kami menggunakan nilai tersuai untuk atribut rel untuk menandai pautan dan menggunakannya untuk membuka tetingkap baharu
Kod pautan yang tidak mematuhi piawaian web terkini:
pautan luar
Gunakan atribut rel:
< ;a href="document.html" rel="external">pautan luar
Kini setelah kami membina pautan ke tetingkap baharu yang mematuhi piawaian Web, kami juga perlu menggunakan JavaScript untuk melaksanakan tetingkap baharu. Apa yang ingin dicapai oleh skrip ialah mencari semua hiperpautan dalam dokumen yang kami takrifkan sebagai rel="external" apabila halaman web dimuatkan tentukan penyemak imbas
jika (! document.getElementsByTagName) kembalikan; dan IE4 tidak menyokong DOM1, jadi kami mesti Kecualikan versi pelayar yang lebih lama ini dengan menentukan sama ada kaedah ini wujud

Seterusnya, kami mendapatkan semua teg dalam dokumen melalui kaedah getElementsByTagName:
var anchors = document.getElementsByTagName( "a");
anchors diberikan satu tatasusunan yang mengandungi setiap teg
i=0; i < sauh .length; i++) {
var sauh = sauh; "href") && anchor.getAttribute ("rel") == "external")
Seterusnya buat sasaran nilai atribut dan tetapkan nilai "_target":
anchor.target = "_blank"; >Kod lengkap:




Salin kod


Kod adalah seperti berikut:


fungsi externalLinks() {
jika (!document.getElementsByTagName)

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan