質問の形式と記事の内容を考慮したタイトルのオプションをいくつか示します。 * JavaScript の相対パスと絶対パスの違いは何ですか? (シンプルかつ直接的) *再

JavaScript における相対パスと絶対パスの違い

はじめに

ファイル パスは次の目的で使用されます。 Web ページ内の画像、スタイルシート、スクリプトなどのリソースを見つけます。相対パスと絶対パスの違いを理解することは、リソースを効果的に参照するために重要です。

相対パスと絶対パス

答えが示すように、ルートを参照するパスWeb サイトのディレクトリは 絶対パス として知られています。プロトコル識別子 (「http://」など) で始まり、ファイルへの完全なパスを指定します。例:

<img src="http://www.example.com/images/kitten.png">

一方、相対パスは、現在のディレクトリを基準にして指定されます。これはプロトコル識別子で始まるのではなく、現在のディレクトリまたはサブディレクトリ内のファイルの場所を指します。例:

<img src="images/kitten.png">

パフォーマンスに関する考慮事項

相対パスを使用すると、パフォーマンスが向上する可能性があります。絶対パスを使用する場合、リソースがすでにローカルにキャッシュされているかどうかに関係なく、ブラウザーは指定されたリソースをサーバーに要求する必要があります。相対パスを使用すると、リソースがすでにローカルにキャッシュされている場合、ブラウザはキャッシュからリソースを直接取得できるため、サーバー リクエストの数が減り、読み込み時間が短縮されます。

セキュリティに関する考慮事項

相対パスまたは絶対パスの使用に伴うセキュリティへの影響はありません。どちらのタイプのパスもブラウザによって解決されるため、Web サイトの脆弱性を悪用しようとする悪意のあるユーザーはアクセスできません。

絶対パスから相対パスへの変換

一方、JavaScript は変換します。絶対パスを相対パスに直接変換する方法は提供されていませんが、以下の方法を組み合わせてこれを実現することができます。

1. window.location.pathname.
絶対パスから現在のディレクトリ パスを減算して相対パスを抽出します。
2. 必要に応じて、サブディレクトリ構造の違いを考慮して相対パスを調整します。

例:

以上が質問の形式と記事の内容を考慮したタイトルのオプションをいくつか示します。 * JavaScript の相対パスと絶対パスの違いは何ですか? (シンプルかつ直接的) *再の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。