pushState()

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

history.pushState()は履歴にURLを追加し、現在のURLを更新するメソッドです。

アドレスバーに表示されるURLを変更するだけで実際にページ遷移は行ないませんが、履歴に追加されているため、戻る・進むなどで直前に表示されていたURLに表示を切り替えることができます。

<a href="#">履歴を追加</a>
<script>
var i=0
document.getElementsByTagName("a")[0].onclick = function(){
	history.pushState( "ページ"+i, "ページ"+i, "page"+i+".html");
	i++;
	return false;
}
</script>

sample

Ajaxなどで実際にページ遷移は行わないが、URLを変更したい際などに利用ができす。pushState()はよくpopStateイベントと合わせて利用されます。

登録日 : 2013年04月09日 最終更新日 : 2013年4月9日

同じカテゴリー(History)のエントリー

検索

スポンサードリンク

バージョン

リファレンス