cari

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:325390semak imbas

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

Bagaimana untuk menetapkan tajuk html dalam js

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 = &#39;需要设置的值&#39;;</pre><p class="jb51code"><strong>kaedah document.title</strong><br></p> <p>Selepas ujian, nilai tajuk juga boleh ditetapkan melalui document.title. </p><pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。 document.title = &#39;需要设置的值&#39;; # 设置title的值。</pre><p><strong>Kaedah jQuery</strong></p> <p>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. </p> <p>Sudah tentu, jika projek anda bergantung pada jQuery, anda boleh menggunakan kaedah jq untuk menetapkannya </p><pre class="brush:php;toolbar:false">$(&#39;title&#39;).html(&#39;需要设置的值&#39;) $(&#39;title&#39;).text(&#39;需要设置的值&#39;)</pre><p> Contoh: </p><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"> // $(&#39;title&#39;).html(&#39;php中文网&#39;); $(&#39;title&#39;).text(&#39;php中文网&#39;); </script> </body> </html></pre><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" title="1639375311415707.png" alt="Bagaimana untuk menetapkan tajuk html dalam js"></p> <p> <span style="font-size: 18px;"><strong>Ringkasan</strong></span></p> <p>Dalam js asli kita boleh mengubah suai tajuk halaman web secara dinamik dalam dua cara: <code>innerText</code> dan <code>document.title</code>.</p> <p>Dalam jq kita Ia boleh diubah suai melalui <code>$('title').html('')</code> atau <code>$('title').text('')</code>. </p> <p>[Pembelajaran yang disyorkan: <a href="https://www.php.cn/course/list/2.html" target="_blank">Tutorial JavaScript Lanjutan</a>]</p>

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