パラメータに応じて表示を変更する方法
URLにパラメータを追加し、その値によって表示を変更させます。
使い方によって、読み込むCSSを変更したり、モーダルを初期読み込み時に表示したりすることができます。
export default class Param {
constructor(tag) {
this.tag = tag;
this.init();
}
init() {
let tag = this.tag;
//?を除いた文字列を取得して変数に代入
let str = location.search.substring(1);
if (str) {
//変数strをsplitで分割
let setModal = str.split('=');
//分割した結果を配列として取り出します。
let param = setParam[1];
//switchで条件分岐をします。
switch (param) {
case tag:
//行う動作を書き込む
break;
}
}
}
}
const param = new Param('target');
以上となります。
この記事が気に入ったらサポートをしてみませんか?