ブラウザのタイトル（タイトル）を動的に変更するJavaScriptメソッド

JavaScript を使用してブラウザのタイトル (タイトル) を動的に変更する方法とテクニックについて説明します。必要な方はコードをテストしてください。

title は HTML の特別なノード要素です。これは、document.getElementsByTagName("title")[0] を使用して Web ページのタイトル タグを取得できますが、document.getElementsByTagName("title) を使用することはできません。 ") [0].innerHtml を使用して値を変更します。テスト後、ネイティブ js を変更するには 2 つの方法があり、jQuery で簡単に設定することもできます。よくわからない友達は調べてみましょう。

innerText メソッド

console.log(document.getElementsByTagName("title")[0]) 経由、 b2386ffb911b14667cb8f0f91ea547a7 ラベルは印刷できることがわかりました。ラベルにはテキストノードしかないので、TextNode のみを認識できると思います。そこで、innerText を使用してタイトルの値を設定したところ、うまくいきました。

document.getElementsByTagName("title")[0].innerText = '需要设置的值';

document.title メソッド

テスト後、title の値は document.title を通じて設定することもできます。

console.log(document.title);      # 可以获取title的值。
document.title = '需要设置的值';    # 设置title的值。

例:

window.onfocus = function () {
 document.title = '恢复正常了...';
};
window.onblur = function () {
 document.title = '快回来~页面崩溃了';
};

ブラウザがフォーカスを取得したときとフォーカスを失ったときに、タイトルの値が変更されます。ブラウザのタブを切り替えると、タイトルが変更されることがわかります。

jQuery メソッド

もちろん、プロジェクトが jQuery に依存している場合は、jq メソッドを使用して設定できます

$('title').html('')

$('title').text('')

両方のメソッドは jq で実現できます

概要

ネイティブ JS では innerText を渡すことができます。 document.title Web ページのタイトルを動的に変更するには 2 つの方法があります。

jq では、$('title').html('') または $(' を使用して変更できます。タイトル').テキスト('') 。

上記は、JavaScript を使用してブラウザのタイトル (タイトル) を動的に変更する詳細な方法です。その他の関連チュートリアルについては、JavaScript ビデオ チュートリアル をご覧ください。