JavaScript を使用して現在のページの URL アドレスを取得します

URL は:Uniform Resource Locator (URL)
完全な URL は次の部分で構成されます:
scheme://host:port/path?query#fragment
scheme: 通信プロトコル
一般的に使用される http、ftp、maito など

ホスト: ホスト
サーバー (コンピューター) ドメインネームシステム (DNS) のホスト名または IP アドレス。

port: ポート番号
整数、省略すると、スキームのデフォルトのポートが使用されます。たとえば、http のデフォルトのポートが使用されます。

path: パス
0 個以上の「/」記号で区切られた文字列。通常、ホスト上のディレクトリまたはファイルのアドレスを表すために使用されます。

クエリ: クエリ
オプション。動的 Web ページ (CGI、ISAPI、PHP/JSP/ASP/ASP.NET などのテクノロジを使用して作成された Web ページなど) にパラメータを渡すために使用されます。複数のパラメータを使用できます。 &" 記号 各パラメーターの名前と値は、"= 記号で区切られます。

fragment: 情報フラグメント
文字列。ネットワーク リソース内のフラグメントを指定するために使用されます。たとえば、Web ページに複数の名詞の説明がある場合、フラグメントを使用して特定の名詞の説明を直接見つけることができます。 (アンカーとも呼ばれます。)

このような URL の場合

http://www.x2y2.com0/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

JavaScript を使用して各部分を取得できます
1、window.location.href
URL 文字列全体 (ブラウザの完全なアドレス バー)
この例の戻り値: http://www.x2y2。 com0/ fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2、window.location.protocol
URL
のプロトコル部分 この例の戻り値: http/ div>

3、window.location.hostのホスト部分
URL
この例の戻り値: www.x2y2.com

4、window.location.portのポート部分
URL
デフォルトポートの場合80 が使用されている場合 (更新: 80 を追加した場合でも)、戻り値はデフォルトの 80 ではなく null 文字です
この例の戻り値: ""

5,window.location.pathname
のパス部分URL (つまりファイルアドレス)
この例の戻り値:/fisker/post/0703/window.location.html

6, window.location.search
クエリ(パラメータ)部分
を割り当てるだけでなく、値を動的言語に割り当てるだけでなく、静的ページに値を割り当て、JavaScript を使用して対応するパラメーター値を取得することもできます
この例の戻り値?ver=1.0&id=6

7,window.location.hash
アンカー
この例の戻り値はここにあります