jQueryの読み込みについて

Question

前提・実現したいこと

macを使ってます．
jQueryの読み込みを行う際についての質問です．

scriptタグ内でsrcでパスの指定をするときに，相対パスだと読み込めるのですが，絶対パスだと読み込みができないのですが，そういうものなのでしょうか？

該当のソースコード

以下のように絶対パスでsrcを指定するとCan't find variable: $となり，jQueryの読み込みができません．

<script src="/..jquery.min.jsまでのパス../jquery.min.js"></script>
<script>
  $('#hoge').html('hoge')
  // -> Can't find variable: $
</script>

jquery.min.jsファイルを，jQeryを読み込みたいhtmlファイルと同じディレクトリに移して，以下のように相対パスで指定すると，エラーがなく読み込むことができています．

<script src="jquery.min.js"></script>
<script>
  $('#hoge').html('hoge')
  // エラーなし
</script>

相対パスでできますが，絶対パスでできないのが気になるので，質問させていただきます．よろしくお願いいたします．

Comments

[m.ts10806]

「絶対パス」としているパスをもう少し詳しく記載してください。
またそのページへのアクセスURLも提示してください。

[退会済みユーザー]

質問者さん、無言ですが、回答が出ているのでそれらに対するフィードバックを書こう。役に立った、立たなかったぐらいはすぐ返せるのでは？ 役に立たなかったならどこがダメだったのかを書くとより期待する回答に近いものが出てくるかも。とにかく無言は NG です。

Answer 1

<script src="/..jquery.min.jsまでのパス../jquery.min.js"></script>
<script>
  $('#hoge').html('hoge')
  // -> Can't find variable: $
</script>

/ で始まっているなら絶対パス指定はできています。
相対パスでは実装できるようなので、パス指定が誤っているのでしょう。
同じパスを持つa要素を作り、リンク先に jquery.min.js が存在するか確認してください。

<a href="/foo/bar/jquery.min.js">jquery.min.js</script>
<script src="/foo/bar/jquery.min.js"></script>

リンク先のURLから「ルートディレクトリの位置」も逆算できるので、計算をやり直してください。

Re: macg3n さん

Comments

[macg3n]

的確な回答ありがとうございます．教えていただいた通りに同じパスを持つa要素を作成したところ，確かにNotFoundでした．
パソコンのルートディレクトリとサーバのルートディレクトリを同じものだと思っていたことが原因でした．勉強になりました．

Answer 2

scriptタグ内でsrcでパスの指定をするときに，相対パスだと読み込めるのですが，絶対パスだと読み込みができないのですが，そういうものなのでしょうか？

いえ、そういうものではありません。もしホントに絶対パスがダメなら CDN からリソースが取得できないじゃないですか。

試しに以下のように CDN から絶対パスで取得するようにしたらどうなりますか？

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js">
</script>

質問者さんの言う「絶対パス」というのが何だか分かりませんが、ブラウザがその「絶対パス」が指すリソースにアクセスして取得できないのではないかと思います。

アクセス＆取得に問題が無ければ、ブラウザのアドレスバーに「絶対パス」を入力して要求をかければ、応答が戻ってくるはずです。例えば、上のコードの src 属性に設定した url で試すと以下のようになります。

質問者さんの「絶対パス」や上記の CDN の url で試してみてください。

Comments

[think49]

> 質問者さんの言う「絶対パス」というのが何だか分かりませんが、

参考までに
https://teratail.com/questions/17299#reply-26934

[macg3n]

回答ありがとうございます．
質問がわかりづらかったようですみません．
絶対パスといえば，ルートディレクトリから指定したパスのことだと認識していましたが，いくつかの似たような表現があるのだとは知りませんでした．勉強になりました．
ご指摘の通り，パスの指定が間違っていたようです．ありがとうございました．