Web サイト上で実行される JavaScript から window.location
を参照すると、カレントページの URL の構成要素をパーツごとに取得することができます。
const loc = window.location;
console.log('location.href = ' + loc.href);
console.log('location.origin = ' + loc.origin);
console.log('location.host = ' + loc.host);
console.log('location.protocol = ' + loc.protocol);
console.log('location.hostname = ' + loc.hostname);
console.log('location.port = ' + loc.port);
console.log('location.pathname = ' + loc.pathname);
console.log('location.search = ' + loc.search);
console.log('location.hash = ' + loc.hash);
例えば、次のようなアドレスにアクセスした場合は、
https://example.com:8042/over/there?key1=val1&key2=val2#nose
次のような結果を取得することができます。
location.href = https://example.com:8042/over/there?key1=val1&key2=val2#nose
location.origin = https://example.com:8042
location.host = example.com:8042
location.protocol = https:
location.hostname = example.com
location.port = 8042
location.pathname = /over/there
location.search = ?key1=val1&key2=val2
location.hash = #nose
関連記事
- TypeScriptの型: 既存の JavaScript ライブラリに型情報を追加する(.d.ts ファイル)
- TypeScriptのモジュールのインポートには import を使う
- TypeScriptでモジュールを作成する/インポートする (export, import)
- TypeScriptで名前空間を定義する (namespace)
- TypeScriptの環境: tsc-watch で ts ファイルの変更監視&アプリの再起動を自動化する
- TypeScriptの環境: tsconfig.json の基本
- TypeScriptの環境: 既存の JavaScript プロジェクトを TypeScript に乗り換える