1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】location.replaceメソッドを使ってページ遷移する方法

Posted at

#プログラミング勉強日記
2020年12月13日
location.replaceメソッドで指定したURLにページ遷移させる方法をまとめる。

#location.replaceメソッドとは
 指定したURLへページを遷移させることができるメソッド。location.replaceメソッドでページ遷移した場合は履歴が残らないので、ブラウザの戻るから前のページに戻ることはできない。
 location.replaceメソッドは移動先URLを指定して使う。

使い方
location.replace(移動先のURL);

// 具体例
location.replace("./page.html");

#サンプルコード

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>sample</title>
  <script>
	function sample(){
		location.replace("https://qiita.com/");
	}
  </script>
</head>

<body>
	<a href="#"  onclick="sample()">履歴を残さずにトップページへ移動</a>
</body>
</html>

#参考文献
location.replace() …… 指定したページへ移動する
JavaScriptでlocation.replaceメソッドでURLを置換する方法を現役エンジニアが解説【初心者向け】

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?