Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan tajuk html dalam js

Bagaimana untuk menetapkan tajuk html dalam js

青灯夜游asal: 2021-12-13 14:02:325381semak imbas

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

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. <pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre>kaedah document.title Selepas ujian, nilai tajuk juga boleh ditetapkan melalui document.title. <pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。 document.title = '需要设置的值'; # 设置title的值。</pre>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 <pre class="brush:php;toolbar:false">$('title').html('需要设置的值') $('title').text('需要设置的值')</pre> Contoh: <pre class="brush:js;toolbar:false"><!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></pre><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" title="1639375311415707.png" alt="Bagaimana untuk menetapkan tajuk html dalam js"> Ringkasan Dalam js asli kita boleh mengubah suai tajuk halaman web secara dinamik dalam dua cara: <code>innerText</code> dan <code>document.title</code>. Dalam jq kita Ia boleh diubah suai melalui <code>$('title').html('')</code> atau <code>$('title').text('')</code>. [Pembelajaran yang disyorkan: <a href="https://www.php.cn/course/list/2.html" target="_blank">Tutorial JavaScript Lanjutan</a>]

Atas ialah kandungan terperinci Bagaimana untuk menetapkan tajuk html dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery html JS console

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk membuat elemen baca sahaja dalam jqueryArtikel seterusnya：Bagaimana untuk membuat elemen baca sahaja dalam jquery

Artikel berkaitan

Lihat lagi