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

JavaScriptでドキュメントを読み込んだサーバーのドメイン名を取得・表示する方法

JavaScriptでドキュメントを読み込んだサーバー（現在のページが属するオリジン）のドメイン名を表示したい場合は、document オブジェクトの domain プロパティを使用します。

document.domain プロパティとは

document.domain は、現在読み込まれているドキュメントのオリジン（スキーム、ホスト名、ポート番号）からドメイン部分を文字列として返すプロパティです。例えば、https://www.example.com/page.html というページで実行した場合、「www.example.com」が返されます。

サンプルコード

以下のコードを実行すると、ドキュメントを読み込んだサーバーのドメイン名が画面に表示されます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var myDomain = document.domain;
         document.write("<br>ドキュメントを読み込んだサーバーのドメイン名: " + myDomain);
      </script>
   </body>
</html>

実行結果の例

ローカル環境でファイルを直接開いた場合は「localhost」や空文字列が表示され、Webサーバー上に公開したHTMLファイルの場合はそのサーバーのホスト名（例：「example.com」など）が出力されます。

ドキュメントを読み込んだサーバーのドメイン名: example.com

補足：より現代的な方法

document.write() は古い書き方のため、現在ではDOM操作を使って表示するのが一般的です。また、完全なオリジン情報が必要な場合は window.location.hostname や window.location.host を使うとより柔軟に取得できます。

<!DOCTYPE html>
<html>
<body>
   <p id="result"></p>

   <script>
     // ドメイン名のみを取得
     const domainName = window.location.hostname;
     
     // DOMを使って安全に表示
     document.getElementById('result').textContent =
       'ドキュメントを読み込んだサーバーのドメイン名: ' + domainName;
   </script>
</body>
</html>

このように、domain プロパティや location.hostname を活用することで、JavaScriptだけで簡単に現在のドメイン名を取得し、画面に表示することができます。

  1. JavaScriptのdocument.cookieでドキュメントに関連付けられたCookieを取得する方法

    JavaScriptでは、documentオブジェクトを使って、ドキュメントに関するあらゆる情報を扱うことができます。このオブジェクトが提供するdocument.cookieプロパティを利用すれば、現在のドキュメントに関連付けられたCookieを簡単に取得できます。なお、このプロパティへのアクセスは読み取り操作のみのため、スクリプト内の他のコードに影響を与えることはありません。 構文 document.cookieは、Cookieを「名前=値」のペアとして保持し、複数のCookieはセミコロン（;）とスペースで区切られた1つの文字列として返されます。 cookie = document.coo

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

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