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

Posted 2023-03-21

参考技术A 近期，有一位網友問我關于跨頁播放音樂的問題。
在網上搜索過，有使用iframe實現的，有使用ajax方法實現的。
這兩種方法雖然可以很好的實現不刷新音樂播放器，而使用iframe/ajax做到刷新頁面的效果。這樣音樂，即使在你更新網頁的時候也不會停止了。
但即使音樂能夠貫穿整站，但是Url在地址欄并不會改變。
那么我的介意是參照facebook的做好，使用頁內鏈接改變地址欄Url。
只需要一句代碼：
location.replace("#abc.aspx");
你可以將#后面的Url替換成你使用ajax/iframe請求的地址的Url.說到底，這只是使用一個錨改變了Url地址。
我不推薦做如上的功能，因為所有的頁面共用一個Url不利于搜索引擎收錄。就這一點，足夠讓你放棄跨頁播放音樂的功能。
更好的方式是html5 中新增了 history.pushState 方法，用以向浏览器添加历史记录，但是不触发页面载入。這個有待下回分解。本回答被提问者采纳