方法: 1. "document.getElementsByTagName("title")[0].innerText='value'" ステートメントを使用します。 2. "document.title='value'" ステートメントを使用します。 3. 「 $('title').html('value')」ステートメントを使用します。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
