jQueryの読み込みとフォールバック

*jQueryをCDNで読み込みたい
*万が一に備えてフォールバック処理を入れたい

jQueryの記述方法

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.jQuery || document.write("<script src='js/jquery.js'><\/script>");
</script>

これで、CDNからの読み込みに失敗した場合、jsフォルダに用意しておいたローカルファイルが読み込まれます。

window.jQuery || document.write()

A||Bの記述は、Aが偽(false)の時にBを返すというもの。

１行目のCDNでjQueryが実行されなかったとき、windowオブジェクトにjQueryプロパティは存在していないことになり、falseとなります。

Bのdocument.write()は、()内の記述をドキュメント(この場合HTML)に書き加えるもので、HTML上では

<script src='js/jquery.js'><\/script>

となり、ローカルファイルが読み込まれます。