LoginSignup
1

More than 5 years have passed since last update.

ローカルのhtmlでjQueryが上手く読み込まれなかった時の対処法

Last updated at Posted at 2018-10-09

jQueryの読み込みシチュエーション

htmlでjQueryを用意する際は以下のように書くことがあると思います。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery</title>
</head>
<body>
……ページ本体……
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
……jQueryを利用したコード……
</script>
</body>
</html>

しかし、このhtmlをローカルに置いてブラウザで開くとjQueryを読み込むことが出来ません。

//を使用したライブラリのインポート

src属性を読み込む際に//のようにプロトコルを省略した表記をすると、プロトコルが現在ブラウザで使用されているものになります。そのためローカル環境ではfile://code.jquery.com/jquery-3.3.1.min.jsを見に行っているコードになっていました。

ローカルでも読み込まれるようにするにはきちんと src=http://code.jquery.com/jquery-3.3.1.min.jsとプロトコルまで指定する必要があります。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1