H5的pushState方法可以用于修改瀏覽器的URL而不刷新頁面，同時可以添加歷史記錄。下面是使用pushState的步驟：
獲取當前的URL和標題：使用window.location.href獲取當前URL，使用document.title獲取當前標題。
調用pushState方法：使用window.history.pushState(state, title, url)方法來修改URL。參數state是一個對象，可以用于保存一些額外的狀態信息，title是新的標題，url是新的URL。
修改頁面內容：根據需要，可以使用JavaScript來修改頁面的內容。
更新瀏覽器的標題：使用document.title屬性來修改瀏覽器的標題。
監聽popstate事件：當用戶點擊瀏覽器的前進或后退按鈕時，會觸發popstate事件。可以通過監聽該事件來做一些處理，例如重新加載頁面內容。
下面是一個簡單的示例代碼，演示了如何使用pushState方法：
// 獲取當前URL和標題
const currentURL = window.location.href;
const currentTitle = document.title;
// 新的URL和標題
const newURL = '/new-url';
const newTitle = 'New Page';
// 使用pushState方法修改URL
window.history.pushState(null, newTitle, newURL);
// 修改頁面內容
document.getElementById('content').innerHTML = 'New content';
// 更新瀏覽器的標題
document.title = newTitle;
// 監聽popstate事件
window.addEventListener('popstate', function(event) {
// 根據需要處理popstate事件
// 例如重新加載頁面內容
});
注意：使用pushState方法修改URL后，瀏覽器的地址欄會顯示新的URL，但頁面并不會刷新。同時，瀏覽器的前進和后退按鈕會變為可用狀態，點擊這些按鈕會觸發popstate事件，可以在事件處理函數中進行相應的操作。
