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

JavaScriptでページタイトルを設定する方法

青灯夜游
青灯夜游オリジナル
2021-07-27 18:23:229570ブラウズ

ページ タイトルを設定する方法: 1. ステートメント "document.getElementsByTagName("title")[0].innerText='設定する必要がある値';"; を使用します。 2. ステートメントを使用します。 "document.title = '必須 ';' ステートメントの値を設定します。

JavaScriptでページタイトルを設定する方法

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

title は html

の特別なノード要素です。document.getElementsByTagName("title")[0] を使用して取得できるためです。 Web ページの title タグですが、その値は document.getElementsByTagName("title")[0].innerHtml を使用して変更できません。

テスト後、ネイティブ js を変更するには 2 つの方法があり、以下に紹介します。

ページ タイトルを設定する JavaScript メソッド

1. InnerText メソッド

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 上級チュートリアル]

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

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