JavaScriptでURLのパラメータを判断して処理を変更したのですが、
共通のパラメータの値の後に付く数字が変わる場合の処理をまとめたいです。
<参考サイト>
https://www.tam-tam.co.jp/tipsnote/javascript/post9911.html
・パラメータ(複数)
?id=osaka01
?id=osaka02
?id=osaka03
?id=osaka04
「?id=osaka」ここまでは共通なのですが、そのあとに01、02、03...とあり、
今現在は1つ1つ処理を書いていますが、
この数字が今後増えたとしてもjsを書き足さなくても良いようにしたいです。
数字が増えても出す文言は同じなのですが、リンク元が違うのでパラメータが変わるようになっています。
html
1<div class="pram"></div>
js
1// URLのパラメータを取得 2var urlParam = location.search.substring(1); 3 4// URLにパラメータが存在する場合 5if(urlParam) { 6 // 「&」が含まれている場合は「&」で分割 7 var param = urlParam.split('&'); 8 9 // パラメータを格納する用の配列を用意 10 var paramArray = []; 11 12 // 用意した配列にパラメータを格納 13 for (i = 0; i < param.length; i++) { 14 var paramItem = param[i].split('='); 15 paramArray[paramItem[0]] = paramItem[1]; 16 } 17 18 // パラメータidがosakaかどうかを判断する 19 if (paramArray.id == 'osaka01') { 20 $('.pram').append('<p>大阪です</p>'); 21 } else if (paramArray.id == 'osaka02') { 22 $('.pram').append('<p>大阪です</p>'); 23 } else if (paramArray.id == 'osaka03') { 24 $('.pram').append('<p>大阪です</p>'); 25 } else if (paramArray.id == 'osaka04') { 26 $('.pram').append('<p>大阪です</p>'); 27 } else { 28 $('.pram').append('<p>大阪ではありません</p>'); 29 } 30}
回答1件
あなたの回答
tips
プレビュー