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

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

JavaScriptには、読み込まれたドキュメントに関するさまざまな情報を取得できるdocumentオブジェクトが用意されています。その中でもdocument.domainプロパティを使うと、現在ドキュメントが読み込まれているサーバーのドメイン名を簡単に取得できます。

document.domainとは

document.domainは、ブラウザに組み込まれたプロパティで、現在表示中のHTMLドキュメントがどのサーバー（オリジン）から提供されたかを示すドメイン文字列を返します。たとえば、ドキュメントが「tutorialspoint」のサーバー上で読み込まれている場合、このプロパティは「www.tutorialspoint.com」を返します。

実装例

以下の例では、ページ上に用意した段落要素に対して、document.getElementById()でアクセスし、document.domainの値を動的に挿入して表示しています。

<html>
<body>
<p id="domain"></p>
<script>
    document.getElementById("domain").innerHTML =
    'ドメイン名は：' + " " + document.domain;
</script>
</body>
</html>

実行結果

このコードをtutorialspointサーバー上で実行すると、出力は次のようになります。

ドメイン名は www.tutorialspoint.com

補足ポイント

  • document.domainは読み取り専用ではなく、歴史的には同じ親ドメインを持つページ間の通信（同一生成元ポリシーの緩和）のために値を設定することもできました。
  • ただし、セキュリティ上の理由から近年のブラウザでは設定機能が非推奨（deprecated）となっており、値の参照のみを行うのが一般的です。
  • より厳密なオリジン情報が必要な場合は、window.location.hostnameやwindow.location.originを使うことも検討するとよいでしょう。
  1. JavaScriptオブジェクトの内容を文字列として表示する方法

    JavaScriptでオブジェクトの内容を文字列形式で画面に表示したい場合、document.getElementById()でHTML要素を取得し、innerHTMLを使って書き出すのが基本的な方法です。オブジェクトを文字列に変換するには、JSON.stringify()メソッドを活用します。 実装手順 まず、表示先となるHTML要素にIDを設定します。次に、JavaScript側でそのIDを指定して要素を取得し、変換した文字列をinnerHTMLに代入します。 コード例 <!DOCTYPE html> <html lang="ja"> <h

  2. 【JavaScript】ドキュメント全体のHTMLを文字列として取得する方法を解説

    Webページのソースコード全体を取得して処理したい場面は、デバッグや動的なコンテンツ操作など、JavaScript開発では意外と多くあります。この記事では、ドキュメント全体のHTMLを文字列として取得する方法を、具体的なコード例とともにわかりやすく解説します。 innerHTMLプロパティを使った取得方法 ドキュメント全体のHTMLを文字列として取得するには、document.documentElementのinnerHTMLプロパティを利用します。 document.documentElement.innerHTML; document.documentElementはHTML文書のルート要