お勉強 デイトラWeb制作

jQueryを読み込むためのscriptの書き方

jQueryを読み込むためのscriptの書き方

デイトラWeb制作の中級DAY22で、ドロワーメニューを作るためにjQueryを読みこもうと思ったのですが、ソースの書き方や属性の意味なんかが回答コードをみてもピンとこなかったので手順に沿ってメモ。

まず回答例に書かれていたコード

script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"

①まずjQueryのダウンロードページにいってファイルのURLを取得

ダウンロードページはこちら

『Download the compressed, production』の方をクリック。

クリックするとページが開くのでそのURLをコピー

②SRI Hash Generatorに①のURLを入れる

SRI Hash Generator

上記サイトに先程①で取得したURLを入れるとjQueryを読み込むscriptが取得できます!

属性の意味

integrity属性

読み込むファイルが改ざんされていないかどうか、ハッシュ値を比較して確認している。そのハッシュ値を記載している。

crossorigin属性

他のサイトリソースにアクセスする際に、認証情報を使用するかどうか。

  • anonymous:認証情報不要(デフォルト)
  • use-credentials:認証情報必要

-お勉強, デイトラWeb制作
-,

© 2021 文系女子とプログラミング