在HTML5中，history.pushState()方法可以用于在瀏覽器歷史記錄中添加新的狀態（頁面）而無需刷新頁面。可以使用以下步驟來使用history.pushState()方法：

1. 獲取當前頁面的URL和標題。

var url = window.location.href;
var title = document.title;

2. 使用history.pushState()方法添加新的狀態。

var state = {url: url, title: title};
var newUrl = "新的URL";
var newTitle = "新的標題";
history.pushState(state, newTitle, newUrl);

3. 更新頁面內容，這可以是通過Ajax加載新的內容，或者使用其他方法更新DOM。

// 通過Ajax加載新的內容
$.ajax({
    url: newUrl,
    success: function(data) {
        $("#content").html(data);
    }
});

4. 更新頁面標題。

document.title = newTitle;

5. 監聽popstate事件，以便在用戶點擊瀏覽器的后退/前進按鈕時更新頁面內容。

window.addEventListener("popstate", function(event) {
    var state = event.state;
    if (state) {
        var url = state.url;
        var title = state.title;
        
        // 更新頁面內容
        $.ajax({
            url: url,
            success: function(data) {
                $("#content").html(data);
            }
        });
        
        // 更新頁面標題
        document.title = title;
    }
});

請注意，history.pushState()方法只會添加新的狀態到瀏覽器歷史記錄中，但不會更新頁面內容。您需要使用其他方法（如Ajax）來更新頁面的內容。