nobee

update: 671view

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

【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>

share

人気記事