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

JavaScriptのページを遷移するサンプルです。
locationとhistoryについてです。

location.href

location.href = URL;

location.hrefのサンプルです。

<input type="button" value="ボタン1" onclick="clickBtn1()"/>

<script>
function clickBtn1(){

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

}
</script>

6行目は、指定したURLに遷移します。

location.replace(URL);

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

location.replaceのサンプルです。

<input type="button" value="ボタン2" onclick="clickBtn2()"/>

<script>
function clickBtn2(){

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

}
</script>

6行目は、指定したURLに遷移します。遷移先のブラウザの戻るボタンは使用不可になります。

hisotry.back()

hisotry.backのサンプルです。

<input type="button" value="ボタン3" onclick="clickBtn3()"/>

<script>
function clickBtn3(){

	history.back();

}
</script>

6行目は、前のページに移動します。

hisotry.forward()

hisotry.forwardのサンプルです。

<input type="button" value="ボタン4" onclick="clickBtn4()"/>

<script>
function clickBtn4(){

	history.forward();

}
</script>

6行目は、次のページに移動します。