JavaScriptを使用してブラウザのタイトルを変更する方法

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

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

innerText メソッド

console.log(document.getElementsByTagName("title")[0]) により、ラベルにはテキスト ノードしか存在しないことがわかりました。 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('')

どちらのメソッドもjqで実装できます

概要

ネイティブjsでは、innerTextとdocumentを使用できます.title. Web ページのタイトルを動的に変更するメソッド。

jq では、$('title').html('') または $('title').text('') を通じて変更できます。

上記は私があなたのためにまとめたものです。

関連記事:

jQueryが読み込まれているかどうかを判断する方法

React Nativeのスクリーンショットコンポーネントの使い方 (詳細チュートリアル)

ReactでstateとsetStateを使用する方法 (詳細チュートリアル)

Vue で携帯電話認証コード コンポーネントを追加する方法

Vue でグローバル console.log スイッチを制御する方法

スクロールに合わせてページの下部にあるポップアップを無効にする方法

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