JavaScriptでページタイトルを変更する方法

方法: 1. "document.getElementsByTagName("title")[0].innerText = 'value'" を使用します。 2. "document.title='value'" を使用します。 3. "$( 'タイトル').html('値')」。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

title は HTML の特別なノード要素です。document.getElementsByTagName("title")[0] を使用して Web ページのタイトル タグを取得できますが、 document.getElementsByTagName("title")[0].innerHtml値を変更するために使用します。テスト後、ネイティブ js を変更するには 2 つの方法があり、jQuery で簡単に設定することもできます。以下に紹介させていただきます。

innerText メソッド

console.log(document.getElementsByTagName("title")[0]) を通じて、< title> ; label、ラベルにはテキストノードしかないのでTextNodeしか認識できないと思いますので、innerTextを使ってtitleの値を設定したところ、成功しました。

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('值')

# で 2 つのメソッドを設定できます。 ##jq すべてを実現可能

概要

ネイティブ JS では、

innerText、document.title# を使用できます。 ## Web ページのタイトルを動的に変更するには。
jq では、

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

または を使用できます。 $('title') .text('value') を変更します。 以上はJSでブラウザのTITLEを変更する詳しい方法ですので、参考になったらブックマークしてください。

プログラミング関連の知識について詳しくは、

プログラミング ビデオ

をご覧ください。 ！

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