JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでドキュメントのタイトルを取得・表示する方法

JavaScriptでドキュメント（HTMLページ）のタイトルを取得するには、document.titleプロパティを使用します。このプロパティは、HTML内の<title>タグで設定されたページタイトルの文字列を返します。

サンプルコード

以下のコードは、document.titleプロパティでドキュメントのタイトルを取得し、画面に表示する例です。

<!DOCTYPE html>
<html>
   <head>
      <title>JavaScript Example</title>
   </head>
   <body>
      <script>
         var str = document.title;
         document.write("Title: " + str);
      </script>
   </body>
</html>

実行結果

このHTMLファイルをブラウザで開くと、ページ上に次のように表示されます。

Title: JavaScript Example

補足：タイトルを動的に変更することも可能

document.titleプロパティは値の読み取りだけでなく、設定も行えます。例えば document.title = "新しいタイトル"; のように記述すると、ブラウザのタブに表示されるページタイトルを動的に変更できます。SPA（シングルページアプリケーション）などで画面遷移に合わせてタイトルを切り替えたい場合に便利です。

  1. 【JavaScript】document.domainでドキュメントが読み込まれたサーバーのドメインを取得する方法

    JavaScriptには、読み込まれたドキュメントに関するさまざまな情報を取得できるdocumentオブジェクトが用意されています。その中でもdocument.domainプロパティを使うと、現在ドキュメントが読み込まれているサーバーのドメイン名を簡単に取得できます。 document.domainとは document.domainは、ブラウザに組み込まれたプロパティで、現在表示中のHTMLドキュメントがどのサーバー（オリジン）から提供されたかを示すドメイン文字列を返します。たとえば、ドキュメントが「tutorialspoint」のサーバー上で読み込まれている場合、このプロパティは「www.

  2. JavaScriptでドキュメントのタイトルと完全なURLを取得する方法

    JavaScriptのHTML DOMは、HTMLデータへアクセスし操作するための基本的なメソッドを数多く提供しています。ドキュメントのタイトルやURLを取得したい場合も、それぞれ専用のプロパティが用意されています。タイトルにはdocument.title、URLにはdocument.URLを使うことで、簡単に値を取り出せます。ここでは、それぞれの使い方を順番に見ていきましょう。ドキュメントのタイトルを取得するドキュメントのタイトルを取得するには、JavaScriptのHTML DOMが提供するdocument.titleプロパティを使用します。このプロパティは、HTML内の<title