web関連
【javascript】純粋なURLを取得するときの備忘録
location.hrefを使ってURLを取得したときに#(ハッシュタグ)が入ってて純粋なURLを取得する方法について調べた時の備忘録
ハッシュタグやクエリ文字列を含まない純粋なURLの取得方法
location.href
だと…/#
とハッシュタグも取得してしまうので他のlocation
プロパティを使って取得する
// URLが「https://test.com/topics/#」の時
let url = location.protocol + "//" + location.host + location.pathname;
// 出力結果:https://test.com/topics/
console.log(location.protocol);// https:
console.log(location.host);// test.com
console.log(location.pathname);// /topics/
console.log(location.search); // #
このように書けば純粋なURLが取得できる
クエリ文字列やハッシュタグなどはlocation.search
で取得することができる