• #Javascript
• #リダイレクト

update:2019.9.10　490view

【javascript】ページ読み込み時に指定ページに遷移させる

ページを読み込み時に別の指定したページに飛ばしたいとき。

一行で別ページに遷移させることができます。

locationオブジェクトを使う

locationオブジェクトはホスト名やパス名、URLの取得や移動、現在アクセスしているページの更新など。

現在アクセス中のページに関する情報を取得・操作できます。

locationオブジェクトはいろんなプロパティやメソッドがあります。見てみましょう。

locationオブジェクトのプロパティ

プロパティ一覧

目的

href

現在アクセスしているURLの取得や指定ページURLの設定

host

ホスト情報を取得

hostname

ホスト名を取得

pathname

パス名を取得

search

現在のURLの?以降の取得

port

ポート番号を取得

protocl

プロトコルを取得

メソッド一覧

目的

reload()

現在アクセスしているページの再読み込み

replace()

新しいURLに置換する

いろいろありますよね。いろんな用途・場面で使えるんです。

今回は、現在のページから別の指定したページに飛ばしたいときなので、hrefプロパティを使います。

使い方

window.location.href = "指定ページのURL"

この一行で別ぺージに飛びます！！！

これをheadタグ内に入れるだけです。

【書き方例】

<script>
    window.location.href = "https://www.yahoo.co.jp/";
</script>