Ajax加载页面如何刷新地址栏URL的问题
2012-12-21 09:30
225 查看
近期,有一位網友問我關于跨頁播放音樂的問題。
在網上搜索過,有使用iframe實現的,有使用ajax方法實現的。
這兩種方法雖然可以很好的實現不刷新音樂播放器,而使用iframe/ajax做到刷新頁面的效果。這樣音樂,即使在你更新網頁的時候也不會停止了。
但即使音樂能夠貫穿整站,但是Url在地址欄并不會改變。
那么我的介意是參照facebook的做好,使用頁內鏈接改變地址欄Url。
只需要一句代碼:location.replace("#abc.aspx");
你可以將“#”后面的Url替換成你使用ajax/iframe請求的地址的Url.說到底,這只是使用一個錨改變了Url地址。
我不推薦做如上的功能,因為所有的頁面共用一個Url不利于搜索引擎收錄。就這一點,足夠讓你放棄跨頁播放音樂的功能。
更好的方式是HTML5 中新增了 history.pushState 方法,用以向浏览器添加历史记录,但是不触发页面载入。這個有待下回分解。
更多WEB开发技术请加群:Asp.Net高级群 号码:261882616 博主以及同事和你共同探讨感兴趣的话题。
在網上搜索過,有使用iframe實現的,有使用ajax方法實現的。
這兩種方法雖然可以很好的實現不刷新音樂播放器,而使用iframe/ajax做到刷新頁面的效果。這樣音樂,即使在你更新網頁的時候也不會停止了。
但即使音樂能夠貫穿整站,但是Url在地址欄并不會改變。
那么我的介意是參照facebook的做好,使用頁內鏈接改變地址欄Url。
只需要一句代碼:location.replace("#abc.aspx");
你可以將“#”后面的Url替換成你使用ajax/iframe請求的地址的Url.說到底,這只是使用一個錨改變了Url地址。
我不推薦做如上的功能,因為所有的頁面共用一個Url不利于搜索引擎收錄。就這一點,足夠讓你放棄跨頁播放音樂的功能。
更好的方式是HTML5 中新增了 history.pushState 方法,用以向浏览器添加历史记录,但是不触发页面载入。這個有待下回分解。
更多WEB开发技术请加群:Asp.Net高级群 号码:261882616 博主以及同事和你共同探讨感兴趣的话题。
相关文章推荐
- Ajax加载页面如何刷新地址栏URL的问题
- 使用ajax实现无刷新改变页面内容和地址栏URL
- 使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
- 使用ajax和js无刷新改变页面内容和地址栏URL
- 使用ajax和js无刷新改变页面内容和地址栏URL
- ASP.NET MVC如何在页面加载完成后ajax异步刷新
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 使用ajax实现无刷新改变页面内容和地址栏URL
- 使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 如何不携带地址栏中url的参数进行刷新
- 如何防止刷新页面重复提交数据的问题
- Ajax提交Form表单页面仍会刷新问题的快速解决办法
- ajax无刷新加载页面程序代码
- 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
- ajax局部刷新后,如何让局部中的百度分享重新加载
- 使用Ajax加载页面js不起作用问题
- Jquery 用ajax请求后页面会自动刷新的问题
- Ajax请求如何实现页面无刷新前进后退,将ajax请求保存至浏览器历史记录