ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で URL からホスト名とパスを抽出するにはどうすればよいですか?

JavaScript で URL からホスト名とパスを抽出するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-11 02:35:09913ブラウズ

How Can I Extract the Hostname and Path from a URL in JavaScript?

JavaScript で URL をホスト名とパスに解析する

必要に応じてホスト名とパス名にアクセスできるオブジェクトに URL 文字列を処理するには、最新のソリューションまたは代替方法を利用できます。

URL を使用した最新のアプローチオブジェクト:

最も簡単な解決策は、URL コンストラクターを使用することです。プロパティのホスト名とパス名を提供する URL オブジェクトのインスタンスを作成します。例:

const a = new URL("http://example.com/aa/bb/");

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

ホスト名にはドメインのみが含まれ、ポート情報は含まれないことに注意してください。ドメインとポートの両方で、代わりにホストを使用できます。

代替アプローチ:

最新のアプローチが利用できない場合は、次の代替方法を検討できます。

  • 正規表現: 正規表現を使用すると、ホスト名とパス名を抽出できます。 URL 文字列。ただし、複雑でエラーが発生しやすい可能性があります。
  • DOM 解析: HTML 要素を作成し、その href を URL に設定し、結果の DOM を解析して目的の内容を取得できます。プロパティ。このアプローチにはブラウザのサポートが必要であり、速度が遅くなる可能性があります。

結論:

URL コンストラクターを使用した最新のソリューションは、URL を解析するための優先および推奨される方法です。 JavaScript のホスト名とパス名に変換します。

以上がJavaScript で URL からホスト名とパスを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。