Bagaimana untuk menukar tajuk halaman dengan javascript

Kaedah: 1. Gunakan "document.getElementsByTagName("title")[0].innerText = 'value'" 2. Gunakan "document.title='value'"; 'tajuk').html('nilai')".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

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 untuk menukar nilainya. Selepas ujian, terdapat dua cara untuk mengubah suai js asli, dan ia juga boleh ditetapkan dengan mudah dalam jQuery. Izinkan saya memperkenalkannya kepada anda di bawah.

kaedah innerText

Melalui console.log(document.getElementsByTagName("title")[0]), didapati bahawa < label title> hanya terdapat nod teks dalam label, jadi saya rasa ia hanya boleh mengenali TextNode, jadi saya menggunakan innerText untuk menetapkan nilai tajuk, dan ia berjaya.

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 berubah.

kaedah jQuery

Sudah tentu, jika projek anda bergantung pada jQuery, anda boleh menggunakan kaedah jq untuk menetapkan kedua-duanya dalam jq

$('title').html('值')

$('title').text('值')

Semua kaedah boleh dicapai

Ringkasan

Dalam js asli, kita boleh mengubah suai tajuk halaman web secara dinamik dalam dua cara: innerText dan document.title.

Dalam jq kita boleh mengubah suainya melalui $('title').html('值') atau $('title').text('值').

Di atas ialah kaedah terperinci untuk menukar TITLE penyemak imbas dengan JS Jika anda rasa ia berguna, tandakan sahaja.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Bagaimana untuk menukar tajuk halaman dengan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!