💱

【JS】パラメータの値に応じて表示内容を変更する

2022/12/05に公開約500字

Javascriptを用いて、パラメータに応じて表示内容を変更あるいは削除する方法です。
結論から言うと、以下のコードで実装可能です。

main.js
var param = location.search.substring(1); //パラメータの値を取得。.substring(1)は、最初の ? を除外するもの。

if (param == "id=1") { //値が id=1 の時
  //この中に処理を記述する
  document.getElementById("page1").innerText = "id=1のとき、表示されます。";
}
index.html
<!-- 省略 -->

<div id="page1"></div>

<!-- 省略 -->

少し詳しく説明すると、
1行目で、現在のパラメータの?以降を取得。
3行目で、取得した値を判定し、条件(今回の場合「id=1」という値)に当てはまれば、処理を実行する。
という形です。

短いですが、Javascriptでパラメータの値に応じて表示内容を変更・削除する方法でした。

Discussion

ログインするとコメントできます