window.locationオブジェクト履歴操作、リロード
- ページを再読込(更新)する〔reloadメソッド〕
- ページの履歴を残さずにジャンプ〔replaceメソッド〕
- 新しいドキュメントを読み込む〔assignメソッド〕
ページを再読込(更新)する
reloadメソッド
unknown
window.location.reload ( [リロード方法] )
reloadメソッドは、現在のページを再読込(更新)します。
ブラウザの[更新ボタン]をクリックしたのと同じ動作です。
オプションの第1引数にtrueを指定すると、サーバーからリロードされます。 FALSEを指定するとキャッシュからリロードされます(デフォルト)。
指定秒数後に再読込させたい場合は、reloadメソッドではなくmeta要素を使用します。
<meta http-equiv="refresh" content="秒数">
をhead要素内に記述します。
オブジェクト名windowは省略可。
<!-- ページの再読込(更新)ボタン -->
<input type="button" value="ページを再読込(更新)する" onclick="location.reload();" />
ページの履歴を残さずにジャンプ
replaceメソッド
unknown
window.location.replace( URL )
replaceメソッドは、現在のURLを指定したURLに置換します。
このreplaceメソッドで、現在のURLを任意のURLに置換すれば、ページの履歴を残さずに任意のページへ移動させることも可能です。 ブラウザの[戻るボタン]をクリックしても、前に閲覧していたページに戻ることはできません。
オブジェクト名windowは省略可。
サンプルを見る<!-- 現在のURLを強制的にGoogle検索に置換 -->
<input type="button" value="ジャンプ" onclick="location.replace('http://www.google.co.jp/');" />
新しいドキュメントを読み込む
assignメソッド
unknown
window.location.assign ( URL )
assignメソッドは、新しいドキュメントを読み込み、現在のlocationを変更します。 第1引数URLには、新しいドキュメントのURLを指定します。
サンプルを見る<form action="#"> <input type="button" value="新しいドキュメントを読み込む" onclick="loadNewDocument()" /> </form> <script type="text/javascript"> function loadNewDocument(){ location.assign("http://www.google.co.jp/"); } </script>