JavaScript ページを遷移するサンプル(location.href/location.replace)

JavaScriptのページを遷移するサンプルです。
location.href プロパティとlocation.replaceメソッドを使用します。
location.replaceメソッドは、ブラウザの戻るボタンで戻れません。

目次

location.href プロパティ

location.hrefプロパティに遷移先のURLを指定すると指定した遷移先に移動します。
遷移先でブラウザの戻るボタンを押して遷移元に戻ることができます。
以下はMDNのlocationのリンクです。
https://developer.mozilla.org/ja/docs/Web/API/Location

<script>
function btn1_click(){

	location.href = "http://www.example.com";

}
</script>
<input type="button" value="ボタン1" onclick="btn1_click()"/><br />

 

location.replace メソッド

location.replaceメソッドで引数に遷移先のURLを指定すると指定した遷移先に移動します。
遷移先では、ブラウザの戻るボタンは使用不可になり戻れません。
以下はMDNのlocation.replaceメソッドのリンクです。
https://developer.mozilla.org/ja/docs/Web/API/Location/replace

<script>
function btn2_click(){

	location.replace ("http://www.example.com");

}
</script>
<input type="button" value="ボタン2" onclick="btn2_click()"/><br />

関連の記事

JavaScript if文のサンプル
JavaScript if文 == と === の違いのサンプル
JavaScript for文とbreakとcontinueのサンプル
JavaScript switch文のサンプル
JavaScript while文とdo...while文のサンプル
JavaScript 無名関数と即時関数のサンプル
JavaScript クロージャのサンプル
JavaScript 高階関数のサンプル
JavaScript エスケープシーケンスのサンプル
JavaScript 例外処理のサンプル(try...catchとthrow)
JavaScript 変数の巻き上げのサンプル
JavaScript イベントとイベントハンドラの一覧



△上に戻る