雑多なブログ

音楽や語学、プログラム関連の話題について書いています

ブラウザ上のURLの書き換え

ブラウザのURLバーに表示されているURLを書き換えが必要になったので調べたところ、Javascriptの下記メソッドが使える事が分かった。便利なメソッドなので活用していきたい。

history.pushState()

history.pushState

history backの履歴に書き換えたURLを追加する。

state
pushStateで生成された履歴に紐づくJavascriptのオブジェクトを指定する。

unused
歴史的な理由で残されており、省略不可である。
空文字 '' を指定すれば良い。

url
そのものずばり履歴に記録するURLである。 現在のURLと、Same Originな関係のURLだけしか指定できないので注意。

history.replaceState