WEB 開発の過程で、現在のページの URL を取得する必要がよくあります。この章では、JavaScript を使って現在のページの URL を取得する方法を紹介します。

JS で現在のページの URL を取得するには、以下のコードを使用できます:

window.location.href

これで完全な URL を取得できます。

例

window.location.href

試してみる »

URL の一部を取得することもできます:

例

var url      = window.location.href;  // 完全な URL を返す (https://www.example.com/html/html-tutorial.html)
var pathname = window.location.pathname; // パス部分を返す (/html/html-tutorial.html)
var origin   = window.location.origin;   // ベース URL を返す (https://www.example.com/)
var domain = document.domain;  // ドメイン部分を返す (www.example.com)

試してみる »

参考資料