window.location.hrefは、URLを取得、もしくは、設定するプロパティ。
構文
<script type="text/javascript">
window.location.href;
</script>
window.location.href;
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
location.href;
</script>
location.href;
</script>
戻り値
URL。
サンプル
window.location.href：
サンプルの動作について
- 「取得」ボタンをクリックすると、「window.location.href： 」の右横に「http://alphasis.info/2013/07/javascript-locationobject-href/」と表示する。
- 「設定」ボタンをクリックすると、「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>
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>
<p>window.location.href： <span id="sampleOutput"></span></p>
<p><button onclick="sampleJump();">ジャンプ</button></p>