window.location.pathnameは、パスを取得、もしくは、設定するプロパティ。
構文
<script type="text/javascript">
window.location.pathname;
</script>
window.location.pathname;
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
location.pathname;
</script>
location.pathname;
</script>
戻り値
パス。
サンプル
window.location.pathname：
サンプルの動作について
- 「取得」ボタンをクリックすると、「window.location.pathname： 」の右横に「/2013/07/javascript-locationObject-pathname/」と表示する。
- 「設定」ボタンをクリックすると、「Locationオブジェクト」のページへ移動する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleJump() {
window.location.pathname = "/javascript/browserobjects/windowobject/locationobject/";
}
function getPathname() {
document.getElementById( "sampleOutput" ).innerHTML = window.location.pathname;
}
</script>
function sampleJump() {
window.location.pathname = "/javascript/browserobjects/windowobject/locationobject/";
}
function getPathname() {
document.getElementById( "sampleOutput" ).innerHTML = window.location.pathname;
}
</script>
HTML
<p><button onclick="getPathname();">取得</button></p>
<p>window.location.pathname： <span id="sampleOutput"></span></p>
<p><button onclick="sampleJump();">設定</button></p>
<p>window.location.pathname： <span id="sampleOutput"></span></p>
<p><button onclick="sampleJump();">設定</button></p>