「JavaScript」location.hostでURLのホスト名とポート番号部分を取得

2022年2月14日

書式
string host = Location.host
戻り値
現在のURLのホスト名とポート番号。サーバーの設定でポート番号が非表示の場合、該当部分は空の文字列。
location.hostを使用して、URLのホスト名とポート番号部分を取得します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>URLのホスト名とポート番号を取得するサンプル</title>
<script>
function funA(){
//現在のページのURLのホスト名とポート番号部分を取得する
var res = location.host;
//取得情報を表示する
alert(res);
}
</script>
</head>
<body>
<input type="button" value="検証" onclick="funA()">
</body>
</html>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>URLのホスト名とポート番号を取得するサンプル</title> <script> function funA(){ //現在のページのURLのホスト名とポート番号部分を取得する var res = location.host; //取得情報を表示する alert(res); } </script> </head> <body> <input type="button" value="検証" onclick="funA()"> </body> </html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>URLのホスト名とポート番号を取得するサンプル</title>
<script>
function funA(){
  //現在のページのURLのホスト名とポート番号部分を取得する
  var res = location.host;

  //取得情報を表示する
  alert(res);
}
</script>
</head>
<body>
  <input type="button" value="検証" onclick="funA()">
</body>
</html>

結果
「検証」ボタンを押すと、当ページのURLのホスト名とポート番号部分が表示されます。

JavaScript

Posted by arkgame