JavaScript でドメイン名を取得する
この記事では、JavaScript のイベントと関数を使用して、Web ページの実行中にプログラムでドメイン名を取得する方法について説明します。
ドメイン名
ドメイン名を使用して、クライアント側アプリケーションから Web サイトまたは Web ページにアクセスします。 これは、IP アドレス (数値) にマップされるテキスト形式の文字列です。
ユーザーが特定の Web サイトを呼び出して呼び出すために Web ブラウザー検索に入力する文字列は、ドメイン名と呼ばれます。 たとえば、delftstack.com は DelftStack のドメイン名です。
例：
let url = 'https://www.delftstack.com/' // delftstack.com is a domain name
ウェブサイトまたはウェブページを開発しているとします。 また、状況によっては、Web サイトの実行時にプログラムで現在のドメイン名を見つけて使用する必要があります。
その場合は、JavaScript を使用して対処できます。
JavaScript でドメイン名を取得する
現在、ブラウザのコンソールを開いてオブジェクト window.location.hostname を取得すると、このページのホスト名が delftstack.com であることがわかります。
window.location は JavaScript のオブジェクトで、現在のページの URL を文字列として見つけることができ、ブラウザを別のページにリダイレクトできます。
プロパティ window.location.hostname は、現在のページのインターネット ホスト名を返します。 ウェブページがライブ ドメイン ホスティング上にある場合、window.location.hostname を使用して URL を取得できます。
構文：
let hostname = window.location.hostname
例：
<!DOCTYPE html>
<html>
<body>
<h1>DelftStack learnig</h1>
<h2>JavaScript get domain name example</h2>
<p id="para"></p>
<script>
let result = ''
let removeValue = 'www.'
let domainName = window.location.hostname;
result = domainName.replace(removeValue,'')
document.getElementById("para").innerHTML =
"Current page hostname is: " + result;
</script>
</body>
</html>
コードの説明:
- 上記の HTML ソースでは、段落要素タグ
<p></p>を使用し、その要素に ID を割り当てています。 <script>タグ内で、window.location.hostnameでdomainName変数を宣言および初期化しました。 完全な URL を文字列として取得します。- 次に、その文字列をトリミングしてドメインのみを検索するために、変数
removeValueを初期化し、www.を割り当てました。 - この変数を JavaScript のデフォルト メソッド
replace()で使用してwww.を削除しました。 URL から取得し、最終値をresult変数に保存します。 - 最後に、
document.getElementById()メソッドを使用して、result文字列を表示しました。 - 上記のソースを HTML 拡張子で保存して結果を確認できます。その HTML ドキュメントをライブ ドメインでホストしてください。
ローカルに保存された HTML ドキュメントを使用
ライブ ドメイン ホスティングを使用していない場合は、window.location.href を使用して、システムにローカルに保存された Web ページのパスを見つけることができます。 HTML ドキュメントの完全なパスが返されます。
構文：
let pathValue =
window.location.href // file:///C:/Users/username/foldername/filename.html