勉強したことのメモ

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

  関連記事

「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...

jQueryで対象の要素をまとめて親要素で囲む方法

あるシステムで出力されているHTMLタグを指定した親要素で囲みたいというケースが ...

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

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

leaflet.jsとOSMでマーカーの画像をそれぞれ指定する

leaflet.jsとOpenStreetMapでマップ上にマーカーを複数設置し ...