Location.hostname - ホスト名を取得、変更する
投稿日: / 更新日:
JavaScriptの、Locationオブジェクトのhostnameは、ホスト名を参照するプロパティです。
説明
Locationオブジェクトのhostnameプロパティは、ホスト名を含みます。hostプロパティと違って、ポート番号(:443)は含みません。
https://syncer.jp:443/index.html#section-1// ホスト名を変更
window.location.hostname = "syncer-editor.com" ;https://syncer-editor.com:443/index.html#section-1新しく値を指定すれば、現在のホスト名を変更できます。これに伴ってページも移動します。ポート番号(:443)やパス(/index.html)、フラグメント識別子(#section-1)など他の部分は一切変わらないので注意が必要です。
サンプルコード
https://syncer.jp:443/index.html#section-1// ホスト名を取得 ( → "syncer.jp" )
var hostname = window.location.hostname ;// ホスト名を変更 ( → https://syncer-editor.com:443/index.html#section-1 )
window.location.hostname = "syncer-editor.com" ;デモ
下記はsyncer-editor.com上のページです。window.location.hostnameを取得して表示します。変更する場合、syncer.jpに変更します。パスやクエリが変わらないため、ページなしの扱いになるはずです。URLの変動をチェックするには、新しいウィンドウで開いてお試し下さい。
構文
string hostname = Location.hostname返り値
| 項目 | 説明 |
|---|---|
| hostname | 現在のURLのホスト名。 |
関連項目
- Location - ブラウザロケーションのオブジェクト。
- Location.hash - フラグメント識別子(#〜)を取得、変更する。
- Location.host - ホスト名とポートを取得、変更する。
- Location.hostname - ホスト名を取得、変更する。
- Location.href - 完全なURLを取得、変更する。
- Location.pathname - パスを取得、変更する。
- Location.port - ポート番号を取得、変更する。
- Location.protocol - プロトコルを取得、変更する。
- Location.search - クエリを取得、変更する。
外部リンク
- HTML Living Standard - WHATWGによる仕様書。