外部 JavaScript ファイル内の相対パスはどのように解決されますか?

外部 Javascript ファイルの相対パス

Web アプリケーションで外部 Javascript ファイルを使用する場合、ファイル パスがどのように解決されるかを理解することが重要です。

パスは外部用に表示されているページを基準としていますJS ファイル

埋め込み Javascript とは対照的に、外部 JS ファイルで指定されるパスは、JS ファイルの物理的な場所ではなく、表示されている現在のページに対する相対パスです。 ASP.NET のチルダ (~) 演算子を使用することに慣れている場合、これは混乱する可能性があります。

例

次の外部 JS ファイルについて考えてみましょう。

$("#toggle").click(function() {
  if (left.width() > 0) {
    AnimateNav(left, right, 0);
    $(this).css("background", "url('../Images/filters_expand.jpg')");
  }
  else {
    AnimateNav(left, right, 170);
    $(this).css("background", "url('../Images/filters_collapse.jpg')");
  }
});

この JS ファイルは、Index.aspx ページから、Index.aspx に関連する指定された画像を検索します。ページの場所。したがって、Images ディレクトリが Index.aspx ページの 1 レベル上にある限り、パスは期待どおりに機能します。

パス解像度の確認

パスがどのように解決されるかわからない場合は、単純な JS 宣言を出力してベース パスを決定できます。例:

console.log("Current page path:", document.location.pathname);

これにより、現在のページのパスが出力され、相対パスのベースとして使用できます。

以上が外部 JavaScript ファイル内の相対パスはどのように解決されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。