JavaScriptのdocument.domainとは？ドメイン名の取得方法と使い方を初心者向けに解説
document.domain は、現在表示している HTML ドキュメントが属する「ドメイン名」を返すプロパティです。
ページの設置場所によって処理を分岐したい場合などに利用できます。
document.domainとは？
document.domain は、ページが置かれているドメイン名（例：www.example.com）を文字列として返します。
document.domain;
このプロパティを使うと、次のような用途に活用できます。
- 複数のドメインで同じページを運用している場合の判定
- ドメインごとにリンク先や広告を切り替える
- サブドメイン間での制御（※高度な用途）
使用例
例：特定のドメインでのみメッセージを表示する
if (document.domain === “www.ank.co.jp”) {
alert(“アンクのWebサイトです”);
}
alert(“アンクのWebサイトです”);
}
→ ページのドメインが www.ank.co.jp の場合にだけダイアログが表示されます。
document.domain を使う際の注意点
- 返される値は「ドメイン名のみ」で、URL 全体ではない
- サブドメイン（例：sub.example.com）もそのまま返される
- セキュリティ上の理由から、document.domain を書き換える用途は現在非推奨
- クロスドメイン制御には CORS や postMessage など現代的な手法が推奨される
実用例：ドメインごとに広告を切り替える
複数のドメインで同じページを運用している場合、
ドメインによって広告コードを切り替えることもできます。
if (document.domain === “example.jp”) {
// 日本向け広告
} else {
// 海外向け広告
}
// 日本向け広告
} else {
// 海外向け広告
}
→ ドメイン判定による条件分岐が簡単にできます。
まとめ
document.domainはページのドメイン名を返すプロパティ- 複数ドメイン運用時の条件分岐に便利
- 返されるのは URL ではなくドメイン名のみ
- セキュリティ上の理由から書き換え用途は非推奨
