BLOG

リロード無しでアドレスバーのURLの書き換え

| JavaScript

一時期、リロードせずにページを遷移するというのが流行ってたときがありましたけど、あれってどうやるんだろうなぁってさらっと思ってたんです。
それ用のプラグイン的なJavascriptをつかえばできるんですけど、それでは原理はわからないって感じで、ちょっと放置してる間にマイブームが去っていきましたw
まぁ、今回はすこし調べる機会があり、わかったのでここで((φ(´ω`*)メモメモ

URLの書き換える

history.pushState(state, title, url);

っていうのを使うみたい

// /xxx/kokokara/ → /xxx/kokohe/
history.pushState(null, null, 'kokohe');

// /xxx/kokokara/ → /kokohe/
history.pushState(null, null, '/kokohe');

使い方はこんな感じみたい
URL変えるだけならこれでOKみたいです。

他の方法も紹介

// URLの履歴を追加する
history.pushState(state, title, url);

// URLの履歴を置き換える
history.repalceState(state, title, url);

追加する方はブラウザバックでURLは戻るみたいです。
置き換えは戻らない的なことでした。

RECENT POSTS

我が家の植物たち

カスタムフィールドを含む複数の条件でソートをする【WordPress】

脱jQuery!$.ajax使わない書き方

検索用のフォームを設置する【wordpress】

docker-composeをつかってWEBサーバーをたてる

カスタムフィールドを検索範囲にいれる【ACF】

WordPressに大量に投稿をインポートする【CSV】

iOSのsafariでbackground-attachmentが使えないので対策【CSSのみ】

一周回ってapple 純正メモって使いやすい

使わないとかない!flexでの間隔の設定が簡単にできるgap!

CATEGORY

POPULAR POSTS

PAGE TOP