【javascript】現在のURLを取得する location.href

javascriptで現在のurlを取得する方法を紹介します。

結論から言うとlocation.hrefを使うことで現在のurlを取得できます。

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

オライリージャパン

Amazonの商品レビュー・口コミを見る

サンプルコード

例えば、このブログのトップページで試してみると

location.href
// => "https://www.tcom242242.net/"

と現在のurlが取得できていることがわかります。

また、もちろんdocument、windowからもたどれます。

document.location.href
// => "https://www.tcom242242.net/"
window.location.href
// => "https://www.tcom242242.net/"

簡単に取得できるのでありがたいです。

参考文献

https://developer.mozilla.org/en-US/docs/Web/API/Location/href