update: 662view
【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>