Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan tajuk html dalam js
Kaedah: 1. Gunakan pernyataan "document.getElementsByTagName("title")[0].innerText='value'"; 2. Gunakan pernyataan "document.title='value'"; Gunakan pernyataan " $('title').html('value')".
Persekitaran pengendalian tutorial ini: sistem windows7, versi javascript1.8.5&&jquery1.10.2, komputer Dell G3.
js set tajuk html
kaedah innerText
melalui console.log(document. getElementsByTagName ("title")[0]), dan 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的值。
Kaedah jQuery
Kaedah jQuery Kami menukar nilai tajuk apabila penyemak imbas mendapat fokus dan kehilangan fokus Anda boleh menemui bahawa menukar tab penyemak imbas Pada masa itu , tajuk dah tukar.
Sudah tentu, jika projek anda bergantung pada jQuery, anda boleh menggunakan kaedah jq untuk menetapkannya
$('title').html('需要设置的值') $('title').text('需要设置的值')
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>hello</title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <script type="text/javascript"> // $('title').html('php中文网'); $('title').text('php中文网'); </script> </body> </html>
Ringkasan
Dalam js asli kita boleh mengubah suai tajuk halaman web secara dinamik dalam dua cara: innerText
dan document.title
.
Dalam jq kita Ia boleh diubah suai melalui $('title').html('')
atau $('title').text('')
.
[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]
Atas ialah kandungan terperinci Bagaimana untuk menetapkan tajuk html dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!