[JavaScript] 履歴を残さずページ遷移する（location.replace）

投稿日：2017年11月15日更新日：2018年7月18日

戻るボタンで戻れないようにして画面遷移するには、location.replaceを使用します。

サンプルソース

例）ボタンを押すとページのURLを"https://www.yahoo.co.jp"に変更する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サンプル</title>
<script>
function urlReplace(){
  location.replace('https://www.yahoo.co.jp/');
}
</script>
</head>
<body>
  <input type="button" value="ボタン" onclick="urlReplace()">
</body>
</html>

<!DOCTYPE html>

<head>

function urlReplace(){

location.replace('https://www.yahoo.co.jp/');

}

</script>

</head>

<body>

</body>

</html>

解説

似たようなメソッドに、location.hrefがあります。
location.hrefとの違いは、hrefの場合は戻るボタンで戻る事ができますが、replaceの場合は戻る事ができません。
location.hrefについては以下ページをご覧ください。
→ [JavaScript] URLを指定して画面遷移を行う

執筆者：とら