Ajax加载页面如何刷新地址栏ＵＲＬ的问题

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

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

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

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

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

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

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

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

更好的方式是HTML5 中新增了 history.pushState 方法，用以向浏览器添加历史记录，但是不触发页面载入。這個有待下回分解。

更多WEB開發技術請加群：Asp.Net/Wp8高級開發群 號碼：261882616

博主以及同事和你共同探討感興趣的話題。