URLのパラメータからページの内容を変化させたい時に使うJavascriptです。
例えば、タブのパーツがあった時、URLで最初に開くタブの内容を変化させたりすることができます。
パラメータとは
URLの?の後につく、変数の値です。
例:hogehoge.com/hovehoge/hove.html?classification=label001&classification=label002
この例では、「classification」の「label001」と「label002」が設定されているURLになります。
パラメータを判別するJavascript
// URLのパラメータを取得
let urlParameter = location.search.substring(1);
// URLにパラメータが存在する場合
if(urlParameter) {
// 「&」が含まれている場合は「&」で分割
let parameter = urlParameter.split('&');
// パラメータを格納する用の配列を用意
let parameterArray = [];
// 用意した配列にパラメータを格納
for (i = 0; i < parameter.length; i++) {
let parameterItem = parameter[i].split('=');
parameterArray[parameterItem[0]] = parameterItem[1];
}
// パラメータ「classification」での値で判断し変化
if (paramArray.classification == 'label000') {
alert('「label000」が設定されています。');
} else if (paramArray.classification == 'label001') {
alert('「label001」が設定されています。');
} else if (paramArray.classification == 'label002') {
alert('「label002」が設定されています。');
} else if (paramArray.classification == 'label003') {
alert('「label003」が設定されています。');
}
}実際にタブで使用している例は以下を参照
タブのパーツ 1
-タブの内容をURLから表示する場合に記述するJavascript

