【概要】

ブラウザで即時関数を設定したページを開いた際にJSを実行するソース例です。

ここではブラウザのローカルストレージを使用した例も記述しています。

【即時関数の基本】

ページのscriptタグ内に即時関数を組みます。

<script>
$(document).ready(function () {
 ...処理...
});
</script>

上記を記述したページを開いた際に「...処理...」部分が実行されます。

【ローカルストレージを使用した即時関数サンプル】

[フローチャート]

1. ローカルストレージに登録されているkeyを全て取得

2. ローカルストレージに登録されているkeyがidに設定されているタグを取得

3. 2で取得したタグのクラスに「registerd」を追加

[ソース]

<script>
$(document).ready(function () {
  let localStorageList = [];
  for (let key in localStorage) {
    if (localStorage.hasOwnProperty(key)) {
      localStorageList.push(key);
    }
  }

  for (let key of localStorageList) {
    let elms = document.getElementById(key);
    for (let elm of elms) {
      elm.classList.add('registerd');
    }
  }
});
</script>