Ajax載入頁面如何重新整理地址欄ＵＲＬ的問題

近期，有一位網友問我關於跨頁播放音樂的問題。

在網上搜尋過，有使用iframe實現的，有使用ajax方法實現的。

這兩種方法雖然可以很好的實現不重新整理音樂播放器，而使用iframe/ajax做到重新整理頁面的效果。這樣音樂，即使在你更新網頁的時候也不會停止了。

但即使音樂能夠貫穿整站，但是Url在地址欄並不會改變。

那麼我的介意是參照facebook的做好，使用頁內鏈接改變地址欄Url。

只需要一句代碼：location.replace("#abc.aspx");

你可以將“#”後面的Url替換成你使用ajax/iframe請求的地址的Url.說到底，這只是使用一個錨改變了Url地址。

我不推薦做如上的功能，因為所有的頁面共用一個Url不利於搜尋引擎收錄。就這一點，足夠讓你放棄跨頁播放音樂的功能。

更好的方式是HTML5 中新增了 history.pushState 方法，用以向瀏覽器添加記錄，但是不觸發頁面載入。這個有待下回分解。

更多WEB開發技術請加群：Asp.Net進階群 號碼：261882616  博主以及同事和你共同探討感興趣的話題。