JavaScriptでURLを書き換える方法

JavaScriptでURLを書き換える方法メモ。



JavaScriptでURLを書き換える方法


HTML5のpushStateを利用すれば一行で出来る。


window.history.pushState(null, null, "url_desu");

pushStateの3つ目の引数の値にURLが書き換わる。スラッシュから始まる文字列を与えると動作が変わる点に注意。


# http://example.com/abc/123 にいる時

# これを実行すると、
window.history.pushState(null, null, "url_desu");

# こうなる
http://example.com/abc/url_desu

# これを実行すると、
window.history.pushState(null, null, "/url_desu");

# こうなる
http://example.com/url_desu


参考リンク


HTML5 History APIについて


著者プロフィール
Webサイトをいくつか作っています。
著者プロフィール