jQueryでURLを取得してパラメーターごとに条件分岐させたい

Question

jQueryでURLを取得してパラメーターごとに条件分岐させたく、下記のような作りにしたのですが、、

<div class="fuga">
	あああ
</div>
<div class="fuga02">
	いいい
</div>

.fuga,
.fuga02 {
	display: none;
}

$(window).on('load', function(){
	// パラメーターの取得
	var param = location.search

	if (param == "?aaa=bb01&hogehoge"){
	// パラメーターの値が 123 の場合に実行する内容
		$('div.fuga').css('display','block');
	}
	if(document.URL.match(?aaa=bb02)) {
	//指定する文字列がURLに含まれる場合に実行する内容
		$('div.fuga02').css('display','block');
	}
});

以下、問題点です。

	if (document.URL.match(?aaa=bb02)){
	//指定する文字列がURLに含まれる場合に実行する内容
		$('div.fuga02').css('display','block');
	}

上記の記述を入れるとjs自体が効かなくなってしまいます。
「?aaa=bb02」に関しては

https://www.hoge.co.jp/?aaa=bb02&fugafuga
https://www.hoge.co.jp/?aaa=bb02&hogehoge
https://www.hoge.co.jp/?aaa=bb02&piyopiyo

上記のように「?aaa=bb02」のあとにさらに別のパラメーターが数個あり、
「?aaa=bb02」がURLに含まれたら～という風にしたいのですがうまくいきません。

どこがおかしいのかご教授願えればと思います。
よろしくお願いいたします。

参考URL
https://designsupply-web.com/media/knowledgeside/1592/

Comments

[m.ts10806]

仮のものであれば自身が所有していないものでしたら例示ドメインを利用してください。
https://ja.wikipedia.org/wiki/Example.com

[m.ts10806]

「動かない」「うまくいかない」では何も伝わりませんので、「実際に起きたこと」を記載してください。
https://teratail.com/help/question-tips#questionTips3-4

[thyda.eiqau]

> 「?aaa=bb02」のあとにさらに別のパラメーターが数個あり、
> 「?aaa=bb02」がURLに含まれたら～という風にしたい
aaaが先頭に来るとは限らない (?fugafuga=&aaa=bb02 みたいな) と思うのですが、それはいいのでしょうか？

Answer 1

document.URL.matchの引数を正規表現にしてください。

if (document.URL.match(?aaa=bb02)){ // 誤
}

if (document.URL.match(/?aaa=bb02/)){ // 正
}

• String.prototype.match() - JavaScript | MDN

Comments

[mmngchip]

ありがとうございます。URLも参考にさせていただきます。

Answer 2

matchメソッドには正規表現オブジェクトを渡す必要があります。
例えばdocument.URL.match(/?aaa=bb02/)のようになります。

String.prototype.match() - JavaScript | MDN

Comments

[mmngchip]

ありがとうございます。参考サイトの見よう見まねでしたので、詳しいこともわからず、とても助かりました。