JavaScript ページを遷移する(location/history)

JavaScriptのページを遷移するサンプルです。

目次	指定したURLに移動(location href)
	指定したURLに移動+戻るボタン不可(location.replace)
	現在ページをリロードする(location.reload)
	前のページに移動(hisotry.back)
	次のページに移動(hisotry.forward)

指定したURLに移動

location.href = URL;

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

<script>
function clickBtn1(){

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

}
</script>

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

location.replace(URL);

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

<script>
function clickBtn2(){

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

}
</script>

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

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

<script>
  function clickBtn1() {

    location.reload();
    
  }
</script>

6行目は、現在ページをリロードします。

hisotry.back()

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

<script>
function clickBtn3(){

	history.back();

}
</script>

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

hisotry.forward()

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

<script>
function clickBtn4(){

	history.forward();

}
</script>

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