window.locationを試してみよう

はじめに

URLを解析して、クエリ文字列やハッシュを取得する方法を調べてみました。

• ちょ〜、簡単にJavascriptを使ってURLをパースする。 - Qiita
• Parsing URLs in JavaScript · A Beautiful Site

window.locationでもクエリ文字列やハッシュを取得できそうだったので、それを試してみました。結果を先に述べると、locationでもクエリ文字列やハッシュを取得できました。

HOW

ブラウザで確認しました。
確認しやすいようにラップしました。

var href = location.href;
var hash = location.hash;
var host = location.host;
var hostname = location.hostname;
var port = location.port;
var pathname = location.pathname;
var protocol = location.protocol;
var search = location.search;

まとめ

string.splitを使ってクエリ文字列やハッシュを取得するよりもシンプルですね。使えるならば、locationオブジェクトを使いたいですね。