Saya akan memberitahu anda tentang kaedah dan teknik menggunakan JavaScript untuk mengubah suai tajuk pelayar (tajuk) secara dinamik. Rakan yang memerlukannya boleh menguji kod tersebut.
tajuk ialah elemen nod khas dalam HTML Kerana ia boleh menggunakan document.getElementsByTagName("title")[0] untuk mendapatkan teg tajuk halaman web, tetapi ia tidak boleh menggunakan document.getElementsByTagName("title. ") [0].innerHtml digunakan untuk menukar nilainya. Selepas ujian, terdapat dua cara untuk mengubah suai js asli, dan ia juga boleh ditetapkan dengan mudah dalam jQuery. Kawan-kawan yang tak pasti boleh ambil tahu.
kaedah innerText
melalui console.log(document.getElementsByTagName("title")[0]), Saya mendapati bahawa label
document.getElementsByTagName("title")[0].innerText = '需要设置的值';
kaedah document.title
Selepas ujian, nilai tajuk juga boleh ditetapkan melalui document.title.
console.log(document.title); # 可以获取title的值。 document.title = '需要设置的值'; # 设置title的值。
Contoh:
window.onfocus = function () { document.title = '恢复正常了...'; }; window.onblur = function () { document.title = '快回来~页面崩溃了'; };
Kami menukar nilai tajuk apabila penyemak imbas mendapat fokus dan kehilangan fokus Anda boleh mendapati bahawa apabila menukar tab penyemak imbas, tajuk berlaku.
kaedah jQuery
Sudah tentu, jika projek anda bergantung pada jQuery, anda boleh menggunakan kaedah jq untuk menetapkannya
$('title').html('') $('title').text('')
Kedua-dua kaedah boleh dicapai dalam jq
Ringkasan
Dalam js asli kita boleh lulus innerText, document.title Terdapat dua cara untuk mengubah suai tajuk halaman web secara dinamik
Dalam jq, kita boleh mengubah suainya melalui $('title').html('') atau $('. tajuk').teks('') .
Di atas ialah kaedah terperinci untuk mengubah suai tajuk penyemak imbas (tajuk) secara dinamik dengan JavaScript Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript!