Locationは、JavaScriptで今開いている画面のURLが欲しい、パスだけ欲しい、画面をリロードしたいなど、URLに関わる操作がしたいときに使います。
google chromeを使っている方はF12を押して開発者ツールを開き、Consoleにlocationと打つと大体わかります。
> location
ancestorOrigins: DOMStringList {length: 0}
assign: ƒ assign()
fragmentDirective: FragmentDirective {}
hash: ""
host: "localhost:3000"
hostname: "localhost"
href: "http://localhost:3000/articles/web-api-location"
origin: "http://localhost:3000"
pathname: "/articles/web-api-location"
port: "3000"
protocol: "http:"
reload: ƒ reload()
replace: ƒ replace()
search: ""
toString: ƒ toString()
valueOf: ƒ valueOf()
Symbol(Symbol.toPrimitive): undefined
__proto__: Location
よく使うのは以下
| プロパティ | 概要 | 例 |
|---|---|---|
| location.href | URL全体を返す | http://localhost:3000/articles/web-api-location |
| location.host | ポートを含めたホスト | localhost:3000 |
| location.hostname | ポートを含めないホスト | localhost |
| location.pathname | URLのパス部分 | /articles/web-api-location |
| メソッド | 概要 | 例 |
|---|---|---|
| location.reload() | 表示中のページをリロード | location.reload() |
| location.assign() | 指定のURLに移動 | location.assign(<移動先のURL>) |