JAVASCRIPTでURLからドメイン名を取得する方法

URLとは何ですか?

あ URL の別名です ウェブアドレス 。たとえば、単語ベースの URL は Javatpoint.com です。あ URL IP アドレスを使用して作成することもできます (例: 192.168.2.24 ）。名前は数字よりも覚えやすいため、ほとんどの消費者はオンライン検索を行うときに名前の住所を入力します。

Web ブラウザが使用する URL Web サーバーに特定のページを要求します。以下は、 URLの構文 そして フォーマット 。

構文

 Scheme://prefix.domain:port/path/filename

パラメーター

スキーム-

インターネットサービスの種類を指定します（通常はhttpまたはhttpsが使用されます）。

アンドロイドを使ったimessageゲーム

接頭辞-

これにより、ドメインプレフィックスが確立されます (www は http のデフォルトです)。

ドメイン-

Java はしながら行う

インターネット上のドメイン名について説明します (例: javatpoint.com ）。

ポート -

ホスト上のポートを識別します ( 80 http のデフォルトです)。

パス -

サーバー側にパスを作成します。

セマンティックエラー

ファイル名 -

リソースまたはドキュメントの名前を識別します。

からドメイン名を取得する URL で JavaScript これは、Web 分析やセキュリティ目的でドメイン名を抽出するなど、さまざまな理由で便利なタスクです。この回答では、JavaScript で URL からドメイン名を抽出するさまざまな方法と、その長所と短所を検討します。

1. window.location オブジェクトの使用

JavaScript で URL からドメイン名を取得する最も簡単な方法は、 window.location オブジェクト 、現在の URL に関する情報が提供されます。の ウィンドウ.場所.ホスト プロパティにより、ポート番号 (存在する場合) を含むドメイン名が得られます。以下に例を示します。

 Const domain = window.location.host;

このアプローチには、シンプルで信頼性が高いという利点があります。ただし、これは現在の URL に対してのみ機能するため、別の URL からドメイン名を抽出する必要がある場合は、別の方法を使用する必要があります。

Java例外処理をスローする

2. URL コンストラクターの使用

JavaScript で URL からドメイン名を抽出するもう 1 つの方法は、URL コンストラクターを使用することです。これは、URL 文字列を解析し、そのさまざまなコンポーネントへのアクセスを提供できる組み込みの JavaScript オブジェクトです。以下に例を示します。

 Consturl = new URL(&apos;https://www.example.com/path/to/file.html&apos;); Const domain = url.hostname;

URL コンストラクターには、現在の URL だけでなく、任意の有効な URL からドメイン名を抽出できるという利点があります。ただし、最新のブラウザでのみ利用できるため、使用する前にサポートされているかどうかを確認する必要があります。

3. 正規表現の使用

JavaScript で URL からドメイン名を抽出するためのより高度な方法は、正規表現を使用することです。正規表現はパターンマッチングのための強力なツールであり、正規表現を使用して URL からドメイン名を抽出できます。以下に例を示します。

 Consturl = &apos;https://www.example.com/path/to/file.html&apos;; Constdomain = url.match(/^(?:https?://)?(?:[^@
]+@)?(?:www.)?([^:/
]+)/im)[1];

この正規表現パターンは、プロトコル ( http または https )、ユーザー名とパスワード、パス。これは、コロン、スラッシュ、または改行を含まず、その前にオプションのプロトコル、ユーザー名とパスワード、およびオプションの文字列が最初に出現するものを検索することによって機能します。 「www」 接頭語。 match メソッドは、一致全体とキャプチャされたグループを含む配列を返すため、ドメイン名を取得するには 2 番目の項目 (インデックス 1) を抽出する必要があります。

このアプローチには、柔軟性があり、さまざまな URL 形式に適応できるという利点がありますが、正規表現パターンが十分に正確でない場合、より複雑でエラーが発生しやすくなります。

客観的なJava

4. DOM の使用

最後に、JavaScript で URL からドメイン名を抽出することもできます。ドム。非表示のアンカー要素を作成し、その要素を設定できます。 href 属性 ドメイン名を抽出したい URL に追加し、hostname プロパティを読み取ります。以下に例を示します。

 Consturl = &apos;https://www.example.com/path/to/file.html&apos;; Const a = document.createelement(&apos;a&apos;); A.href = url; Const domain = a.hostname;

このアプローチには、理解しやすく実装しやすいという利点がありますが、同時に DOM要素 これを繰り返し行う必要がある場合、パフォーマンスに影響を与える可能性があります。

結論

JavaScript で URL からドメイン名を抽出するにはさまざまな方法があり、最適な方法は要件と制約によって異なります。現在の URL からドメイン名を抽出するだけの場合は、 window.location オブジェクト 最も簡単で信頼性の高い方法です。

TechCodeview

JavaScriptでURLからドメイン名を取得する方法