18 | 1月 | 2013 | nacika.com
History APIとはHistory APIはHTML5の機能のひとつで、ブラウザの戻る進むボタンのイベントを取得してページの内容を動的に変えることができるものです。 なかなか便利な機能ではあったのですが、ちょっとつまずきポイントが多く、癖もかなりあるっぽいので徹底的に試してみようと思います。 スタックブラウザの履歴の一つ一つの記録をスタックといい、一つ履歴が増える度にスタックが増える。そしてHistoryAPIを使うとこのスタックをページ推移を行わなくても増やすことができます。 HistoryAPIによってスタックが増えた場合は、ブラウザの戻るボタンを押してもページ遷移が発生せず、何も起きない。それがHistory API。 スタックの追加スタックを追加するには、このようにやります。 history.pushState("hoge", null, "/hoge");これで、履歴が一つ
history.pushState、history.replaceState - 素人がプログラミングを勉強していたブログ
HTML5のhistory.pushState、history.replaceStateを試した。 HTML5 pushState/replaceState demoで動かせる。 Minefieldだと完全に意図した通りに動くがWebKitだとURLまわりがうまくいかない。 メインのソースコードは下記の通り。 canvasで適当に壁紙用画像を作るデモで、画像自体をクリックして何度も作り直せるようにした。 こういう物を作るときは、前の画像に戻れるよう履歴管理をすべきだが、今まではlocation.hashを使ったり（hashchangeイベントが入るまではタイマーが必要だった）iframeを使ったハックだったり（ブラウザ間の互換性やhistory.go(-2)をきちんと動かすのが難しい）、あるいはページを遷移する（必要ない部分まで毎回読み込まれる）必要があった。 pushState/repl
[HTML5]History APIめも - l4l
spec http://www.w3.org/TR/html5/history.html HTML5以前のHistoryオブジェクトI/F window.historyでアクセスできるホストオブジェクト。ブラウザの進む／戻るに対するJavaScript APIのみでした。 interface History { void go(in optional long delta); void back(); void forward(); }; HTML5以後のHistoryオブジェクトI/F stateプロパティ、pushState, replaceStateメソッドが追加されました。ただChrome13(Webkit/535.1)においてはstateプロパティは未実装のよう。 interface History { readonly attribute long length; readon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
