web関連

【javascript】純粋なURLを取得するときの備忘録

2021/01/04

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で取得することができる