勉強したことのメモ

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

  関連記事

YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法

以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...

JavaScriptでUNIXタイムスタンプ取得
JavaScriptでUNIXタイムスタンプ取得

UNIXタイムスタンプを用いた際、 年月日からすぐUNIXタイムスタンプを出した ...

JavaScriptで全角半角を判別の上で文字数カウントを行う
JavaScriptで全角半角を判別の上で文字数カウントを行う

やりたかった事は「全角5文字・半角10文字以内の入力フォーム」 みたいなもの。 ...

バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法
バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法

ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ、複 ...

CSSとJavaScriptでテキストのコピー防止
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...