勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptでURLのクエリを取得する

   2014/05/22  JavaScript

やりたかった事はJavaScriptでGETのクエリを取得。

■ソース
var query     = new Array();
var hashes     = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split('=');
query.push(hash[0]);
query[hash[0]] = hash[1];
}
console.log(query);

■参考サイト
http://www.softel.co.jp/blogs/tech/archives/2245

■その他
http://aaa.jp/index.php?id=aaa&test=bbbだった場合、
["id=aaa", "test=bbb"]みたいに配列の形で返ってくる。

2行目のsliceは初めて見たので下記にリファレンスメモ。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

 - JavaScript

  関連記事

サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

iPhoneにホーム画面登録を促すダイアログを表示
iPhoneにホーム画面登録を促すダイアログを表示

スマホ用のサイトでお気に入り登録を促すというのは以前に無理という結論が出たけれど ...

NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え
NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え

チェックボックスのON / OFFでNicEdit(WYSIWYGエディタ)とt ...

JavaScriptで三項演算子の中に三項演算子
JavaScriptで三項演算子の中に三項演算子

既存のソースを作り変えている際によく分からないソースがあった。 だいぶ書き換えて ...