window.location.hrefプロパティ

window.location.hrefは、URLを取得、もしくは、設定するプロパティ。

構文

<script type="text/javascript">
window.location.href;
</script>

<script></script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
location.href;
</script>

戻り値

URL。

サンプル

window.location.href:

サンプルの動作について

  1. 「取得」ボタンをクリックすると、「window.location.href: 」の右横に「http://alphasis.info/2013/07/javascript-locationobject-href/」と表示する。
  2. 「設定」ボタンをクリックすると、「Locationオブジェクト」のページへ移動する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sampleJump() {
    window.location.href = "http://alphasis.info/javascript/browserobjects/windowobject/locationobject/";
}
function getHref() {
    document.getElementById( "sampleOutput" ).innerHTML = window.location.href;
}
</script>

HTML

<p><button onclick="getHref();">取得</button></p>
<p>window.location.href: <span id="sampleOutput"></span></p>
<p><button onclick="sampleJump();">ジャンプ</button></p>

スポンサード リンク

カテゴリー: JavaScript, Locationオブジェクト, ブラウザオブジェクト, プロパティ, リファレンス パーマリンク