Ajax加载页面如何刷新地址栏URL的问题
2012-09-05 09:53
302 查看
近期,有一位網友問我關于跨頁播放音樂的問題。
在網上搜索過,有使用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
博主以及同事和你共同探討感興趣的話題。
在網上搜索過,有使用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
博主以及同事和你共同探討感興趣的話題。
相关文章推荐
- Ajax加载页面如何刷新地址栏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
- 使用ajax实现无刷新改变页面内容和地址栏URL
- 使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
- 使用ajax和js无刷新改变页面内容和地址栏URL
- 解决Ajax.BeginForm还是刷新页面的问题
- 从地址栏输入URL到页面加载完成,发生了什么?
- 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据
- ajax异步加载页面片段的后退问题
- 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!
- 页面无刷新更新数据(ajax异步加载)
- 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
- angularjs应用刷新页面,导致toaster加载时失效的问题
- 解决H5页面浏览器返回或前进时ajax不能重新加载数据的问题
- 日常问题记录--jsp中struts2标签如何获取当前页面的url参数
- 如何通过JQ,Ajax来实现返回到上一个页面并进行刷新