GameCorder.net

このエントリーをはてなブックマークに追加

9.javascript,別のページに移動する

javascriptで別のページに移動する方法です。
グローバルオブジェクトのWindowオブジェクトの中のLocationオブジェクト内のプロパティを利用します

hrefプロパティを使用し、ページ移動する

タグでおなじみのhrefを使用して、ページを移動します。

window.location.href = "http://url.com";	// hrefプロパティの中にurlを入れる
		

assignメソッドを利用してページ移動する

次は、locationオブジェクトのassignメソッドを利用してページ移動します。
hrefと挙動は同じようですが、関数を呼び出しているので、多少遅いのか

window.location.href = "http://url.com";
		

replaceメソッドを利用してページ移動する

replaceメソッドを利用して、ページ移動をします。
このメソッドの違いは、ブラウザの履歴が残らないことです。
なので、戻るボタンで遷移する前のページにもどることができません。
しかし、それ以前にページジャンプしていたページには戻ることができます。

window.location.replace("http://www.google.co.jp");
        

windowオブジェクトは省力しても大丈夫です。