💱
【JS】パラメータの値に応じて表示内容を変更する
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