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

Bagaimana untuk menetapkan tajuk html dalam js

青灯夜游
Lepaskan: 2021-12-13 14:02:32
asal
5432 orang telah melayarinya

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. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = &#39;需要设置的值&#39;;</pre><div class="contentsignin">Salin selepas log masuk</div></div><p class="jb51code"><strong>kaedah document.title</strong><br/></p><p>Selepas ujian, nilai tajuk juga boleh ditetapkan melalui document.title. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。 document.title = &#39;需要设置的值&#39;; # 设置title的值。</pre><div class="contentsignin">Salin selepas log masuk</div></div><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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(&#39;title&#39;).html(&#39;需要设置的值&#39;) $(&#39;title&#39;).text(&#39;需要设置的值&#39;)</pre><div class="contentsignin">Salin selepas log masuk</div></div><p> Contoh: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">Salin selepas log masuk</div></div><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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan