JavaScript

レシピ

ブラウザ

指定したURIに移動する

指定したURIへリダイレクト移動する方法を解説します。

この記事のポイント

  • 指定したURIへリダイレクト
  • location.hrefは現在のURIを取得することができる

指定したURIへリダイレクト

Locationオブジェクトhrefプロパティは現在表示しているページのURIを値として持っています。
このプロパティに新しいURIを代入することでリダイレクトを実装することができます。

コード例

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>JS Test</title>
	<script>
			// 指定したURIに移動する
			location.href = 'https://gray-code.com/';
	</script>
</head>
<body>
<h1>JS Test</h1>
</body>
</html>

上記のコードを実行すると指定したURI「https://gray-code.com/」へ移動します。

location.hrefは現在開いているページのURIを参照することもできます。

コード例

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>JS Test</title>
	<script>
			// 現在のページのURIを出力する
			console.log(location.href);
	</script>
</head>
<body>
<h1>JS Test</h1>
</body>
</html>
現在のURIを参照
現在のURIを参照

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。