レシピ

ブラウザ

指定したURIに移動する

最終更新日：2023-06-01
公開日：2020-05-12

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

この記事のポイント

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

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

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

JavaScript コード例

<!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を参照することもできます。

JavaScript コード例

<!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を参照

関連記事