jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている

jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている<script>タグ内の
if (sessionStorage.getItem('access')) {のaccessはどこから来るものでしょうか？
CSSやHTMLにclass名accessが見当たらないです。

回答よろしくお願いいたします。
https://web-creates.com/code/jquery-loading-sess …

No.3 ベストアンサー 回答者： ミラ-_- 回答日時： 2023/07/03 19:12

jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている<script>タグ内の

```
if (sessionStorage.getItem('access')) {
```

のaccessは、sessionStorageに保存されている値です。sessionStorageは、Webブラウザのローカルストレージにデータを保存するための仕組みです。accessという名前のキーで、trueまたはfalseの値が保存されています。trueが保存されている場合は、ローディングアニメーションを表示します。falseが保存されている場合は、ローディングアニメーションを表示しません。

CSSやHTMLにclass名accessが見当たらないのは、sessionStorageに何も保存されていないためです。アクセスしたページを初めて訪れた場合は、sessionStorageに何も保存されていません。そのため、ローディングアニメーションが表示されます。アクセスしたページを2回目以降に訪れた場合は、sessionStorageにtrueが保存されています。そのため、ローディングアニメーションは表示されません。

<script>タグ内のコードは、sessionStorageにアクセスして、accessという名前のキーで保存されている値をチェックしています。accessという名前のキーで保存されている値がtrueの場合、ローディングアニメーションを表示します。accessという名前のキーで保存されている値がfalseの場合、ローディングアニメーションを表示しません。

この回答へのお礼

回答ありがとうございました。感謝します。

お礼日時：2023/07/07 19:46

No.2 回答者： fujillin 回答日時： 2023/07/03 19:01

こんにちは

＞CSSやHTMLにclass名accessが見当たらないです。
そのセンテンスにある通り「sessionStorage」のキー名として”access”を利用しています。
sessionStorage はブラウザのストレージ機能のひとつで、大雑把に言えば Cookie のようなもので、値を保存しておくことができます。

「sessionStorage.getItem('access')」で以前に記録したものが存在するかを調べています。
（コメントにも記述があるように、記録があれば2回目以降の表示ということになる）

https://developer.mozilla.org/ja/docs/Web/API/We …
https://developer.mozilla.org/ja/docs/Web/API/Wi …

この回答へのお礼

回答ありがとうございました。感謝します。

お礼日時：2023/07/07 19:46

No.1 回答者： kikyuuu 回答日時： 2023/07/03 18:51

適当な値ですね。

12行目でセットしているので、ここでセットするまで値は入らないです。
12行目でセットすると次からは3行目で値が見つかるので、7行目にいきます。

この回答へのお礼

回答ありがとうございました。感謝します　。

お礼日時：2023/07/07 19:46