JavaScriptで現在のページのポート番号を取得する方法

JavaScriptで現在のページのインターネットホストのポート番号を取得したい場合は、window.location.portプロパティを使用します。このプロパティは、現在読み込まれているページのURLに含まれるポート番号を文字列として返します。

基本構文

window.location.port

以下のコードを実行すると、現在のページのポート番号を取得して表示できます。

<!DOCTYPE html>
<html>
    <body>
        <script>
            document.write("Port: " + window.location.port);
        </script>
    </body>
</html>

ページがデフォルトのポート番号(HTTPなら80、HTTPSなら443)でアクセスされている場合、ブラウザによっては「0」が返されるか、何も表示されないことがあります。これは正常な動作です。明示的にポート番号が指定されていない場合、location.portは空文字列を返すのが一般的です。

また、window.location.hostプロパティを使えば、ホスト名とポート番号をまとめて取得することも可能です。ポート番号だけが必要な場合は、今回紹介したwindow.location.portを使用しましょう。

JavaScriptでarea要素のhref属性からポート番号を取得する方法
JavaScriptでarea要素のhref属性に含まれるポート番号の部分を取得したい場合は、portプロパティを使用します。このプロパティは、リンク先URLのうちポート番号に該当する部分を文字列として返します。サンプルコード以下のコードを実行すると、area要素のポート番号を取得して画面に表示できます。なお、ポート番号がデフォルトの「80」である場合、ブラウザによっては結果が「0」または空欄（空白）として返される点に注意してください。<!DOCTYPE html> <html> <body>
JavaScriptで現在のWebページのプロトコルとパス名を取得する方法
JavaScriptには、現在表示しているWebページに関する情報を取得するためのlocationオブジェクトが用意されています。このlocationオブジェクトでは、window.location.protocolで現在のページのプロトコルを、window.location.pathnameでパス名（pathname）をそれぞれ取得できます。ここでは、これら2つのプロパティについて詳しく解説します。パス名（pathname）の取得すべてのWebサイトにはパス名が存在します。JavaScriptのlocationオブジェクトが提供するwindow.location.pathnameを使用す