ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでタイトルタイトルを変更する方法

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

青灯夜游
青灯夜游オリジナル
2021-06-11 17:49:172306ブラウズ

変更方法: 1. "document.getElementsByTagName("title")[0].innerText="設定する必要がある値";" ステートメントを使用して変更します。 2. "document.title=" を使用します。 「変更する「;」ステートメントの値を設定する必要があります。

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

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

タイトル title を変更する JavaScript

1. innerText メソッド

through console.log(document.getElementsByTagName("title")[0]) で、b2386ffb911b14667cb8f0f91ea547a7 ラベルが印刷できることが分かりました。ラベルにはテキストノードしかないので、TextNode しか認識できないと思われるので、 innerText を使用して title の値を設定し、成功しました。

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

2. document.title メソッド

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

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

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

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

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。