[JavaScript] ページのURLを参照/設定する（document.location）

投稿日：2018年9月26日

ページのURLを参照/設定するには、document.location を使用します。

サンプルソース

例）ボタンを押すと、URLの取得と設定を行う

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>document.locationサンプル</title>
<script>
function getUrl(){
  //当ページのURLを取得する
  var obj = document.location;
  alert(obj);
}
function setUrl(){
  //URLにGoogleページを設定する
  document.location = 'https://www.google.co.jp';
}
</script>
</head>
<body>
  <input type="button" value="当ページのURLを取得する" onclick="getUrl();">
  <input type="button" value="URLにGoogleを設定する" onclick="setUrl();">
</body>
</html>

<!DOCTYPE html>

<head>

<title>document.locationサンプル</title>

function getUrl(){

//当ページのURLを取得する

var obj = document.location;

alert(obj);

}

function setUrl(){

//URLにGoogleページを設定する

document.location = 'https://www.google.co.jp';

}

</script>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、当ページのURLを表示します。

解説

ローカルファイルの場合は、file://～のような文字列になります。

執筆者：とら