最終更新日：
公開日：
レシピ
ブラウザ
指定した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>
こちらの記事は役に立ちましたか？
コメントありがとうございます！
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。