URL
let url = new URL("https://site.com:4097/URL/index.html?d1=1&d2=2#item");
| プロパティ | 値 |
|---|---|
| url.href | https://site.com:4097/URL/index.html?d1=1&d2=2#item |
| url.origin | https://site.com:4097 |
| url.host | site.com:4097 |
| url.protocol | https: |
| url.hostname | site.com |
| url.port | 4097 |
| url.pathname | /URL/index.html |
| url.search | ?d1=1&d2=2 |
| url.hash | #item |
| url.username | |
| url.password | |
| url.searchParams | URLSearchParams オブジェクトを返す。 |
ポート番号がスキームのデフォルトポートの場合
TCPやUDPにおけるポート番号の一覧 - Wikipedia
//443はhttpsのデフォルトポート
let url = new URL("https://site.com:443/URL/index.html");
| プロパティ | 値 |
|---|---|
| url.href | https://site.com/URL/index.html |
| url.origin | https://site.com |
| url.host | site.com |
| url.port |
URLSearchParams
URLSearchParams - Web API | MDN
//サイトURL:https://site.com:4097/URL/index.html?d1=1&d2=2
let searchParams = new URLSearchParams(window.location.search);
| メソッド | 内容 | 値 |
|---|---|---|
| searchParams.has("d1") | パラメータの有無 | true |
| searchParams.get("d1") | パラメータの値の取得 | 1 |
| searchParams.set("d3",4) | パラメータd3に4を設定 | |
| searchParams.delete("d1") | パラメータの削除 | |
| searchParams.toString() | クエリ文字列作成 | d2=2&d3=4 |
| Object.fromEntries(searchParams) | オブジェクトに変換 | { d2: "2", d3: "4" } |