Web制作をしていて特定のページのときだけアニメーションを加えたり、要素を追加したりしたい時があります。
いろいろと解決法はあると思いますが、今回はURLに特定の文字列が含まれているかいないかを調べ、その文字列がURLに含まれていた場合は他のページと異なった処理を行うjQueryをとある案件で使ったのでまとめます。
jQueryのコードは下記の通り。
1 2 3 4 5 6 7 | $(window).bind("load", function(){ if(document.URL.match(/hoge/) || document.URL.match(/moge/)) { // URLにhogeまたはmogeが含まれる時に実行する処理を記述する }else{ // 上記の場合以外の時に行う処理を記述する } }); |
.match()を使うことで正規表現で文字列を指定することができます。上記コードの場合はhoge、それかmogeという文字列がURLに含まれていた場合のみ、他のページと異なる処理を行います。
同じような問題はほとんどの場合、CMS側で解決したり、ページごとに読み込むJavaScriptを変えれば良い話しなので今回はかなりレアケースだとは思いますが、何かのご参考にしていただけたら幸いです。
それではまた!
ホームページ制作だけでなく、Webサイトの現状分析やインターネットを通じた採用活動のご要望にもお応えします。












