更改前端路由且不刷新頁面的兩種方式

1.url的hash

location.hash="名稱" 

在這裏插入圖片描述
執行:
在這裏插入圖片描述
路由變成:
在這裏插入圖片描述
2.HTML5的history

history.pushState()

三個參數:data,title, url
在這裏插入圖片描述

執行:
在這裏插入圖片描述
路由變成:
在這裏插入圖片描述

history.replaceState()

執行:
在這裏插入圖片描述
路由變成:
在這裏插入圖片描述

pushState和replaceState的區別:

pushState()執行的操作類似於壓棧,之前執行過的會保存。
replaceState()執行的操作替換,直接替換了上一個路由。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章