[JavaScript] パラメーターやハッシュを除いたアドレスを取得したい
- JavaScriptの処理の中でサイトのURLを取得したいときは、「location」オブジェクトを使用します
var url = location.href;
- しかし上記のような書き方では、「?」から始まるパラメーターや「#」から始まるハッシュがくっついたアドレスを取得してしまいます
https://migi.me/sample/?param=xxx#yyy
- パラメーターやハッシュを除いたURLを取得したい場合は、以下のように書きます
var url = location.protocol + '//' + location.hostname + location.pathname;
- 階層のパスもない純粋なサイトURLを取得したい場合は、以下のように書きます
var url = location.protocol + '//' + location.hostname + '/';
jQueryでアドレスを取得
- あまり意味がない気もしますが、jQueryでも同じことができます
パラメーターやハッシュを除いたURLを取得
var url = $(location).attr('protocol') + '//' + $(location).attr('hostname') + $(location).attr('pathname');
階層のパスもない純粋なサイトURLを取得
var url = $(location).attr('protocol') + '//' + $(location).attr('hostname') + '/';
ご質問など受け付けています
記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。
ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。