この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:5
ページ更新者:atom
更新日時:2026-05-13 03:04:40

タイトル: base urlを取得する方法
SEOタイトル: 【Javascript】base urlを取得する方法

この記事の要点
  • ブラウザ JavaScript で base URL（プロトコル + ホスト + ポート）を取りたいなら window.location.origin を使う
  • 例: http://127.0.0.1:8000 のような形で取得される
  • 末尾スラッシュは含まれないので、URL を結合するときは自分で / を付ける
  • パス込みなら window.location.href、ホストだけなら window.location.host

 

window.location.originを利用することでbase urlを取得することが出来ます。

var baseUrl = window.location.origin;

console.log(baseUrl);

 

以下、出力結果です。

http://127.0.0.1:8000