jsでHTMLタイトルを設定する方法-jsチュートリアル-php.cn

jsでHTMLタイトルを設定する方法

青灯夜游

リリース： 2021-12-13 14:02:32

オリジナル

5225 人が閲覧しました

方法: 1. "document.getElementsByTagName("title")[0].innerText='value'" ステートメントを使用します。 2. "document.title='value'" ステートメントを使用します。 3. 「 $('title').html('value')」ステートメントを使用します。

jsでHTMLタイトルを設定する方法

このチュートリアルの動作環境: Windows7 システム、javascript1.8.5&&jquery1.10.2 バージョン、Dell G3 コンピューター。

js は HTML タイトル title

innerText メソッドを設定します

console.log(document を通じて) .getElementsByTagName("title")[0]) を実行すると、

ラベルが印刷できることがわかりました。ラベルにはテキストノードしかないため、TextNode しか認識できないと思われるため、innerText を使用してタイトルの価値があり、成功しました。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre><div class="contentsignin">ログイン後にコピー</div></div><p class="jb51code"><strong>document.title メソッド</strong><br/></p><p>テスト後、title の値は 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 = '需要设置的值'; # 设置title的值。</pre><div class="contentsignin">ログイン後にコピー</div></div><p><strong>jQuery メソッド</strong></p><p>jQuery メソッドブラウザがフォーカスを取得したときとフォーカスを失ったときにタイトルの値を変更します。ブラウザのタブを切り替えると、タイトルが次のようになっていることがわかります。かわった。 </p><p> もちろん、プロジェクトが jQuery に依存している場合は、jq メソッドを使用して設定できます。 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$('title').html('需要设置的值') $('title').text('需要设置的值')</pre><div class="contentsignin">ログイン後にコピー</div></div><p> 例: </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"> // $('title').html('php中文网'); $('title').text('php中文网'); </script> </body> </html></pre><div class="contentsignin">ログイン後にコピー</div></div><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" title="1639375311415707.png" alt="jsでHTMLタイトルを設定する方法"></p> <p> <span style="font-size: 18px;"><strong>概要</strong></span></p> <p>ネイティブ JS では、<code>innerText</code> と <code>document の 2 つの方法で Web ページのタイトルを動的に変更できます。 title</code>.</p> <p>jq では、<code>$('title').html('')</code> または <code>$('title').text( '')</code>。 </p> <p>[推奨学習: <a href="https://www.php.cn/course/list/2.html" target="_blank">JavaScript 上級チュートリアル</a>]</p>

以上がjsでHTMLタイトルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。