请问网易云音乐的播放器在每个页面都出现,并且切换页面的时候播放器也不会消失!!! 有什么实现原理??? 有人说是用hash和ajax来加载页面的内容 但是尝试过后 页面的内容是加载了 但是刷新的时候是刷新加载进来的页面 自然播放器也就没了 上个网易云音乐的网址:http://music.163.com/ 如果有人懂得或者做过类似的demo请发我好吗 万分感谢了!!!!
认证0级讲师
网易云音乐用的是 iframe 框架做的,你可以搜索引擎搜索一下 “iframe 防刷新”了解下。
原理就是利用hash+ajax实现 hash的好处是改变时不会触发浏览器的跳转。
你正常操作页面中的链接时: 它使用ajax请求对应的页面得到文档,然后从文档中取出主体部分替换当前的主体,然后改变浏览器的hash值。整个过程页面都不会跳转,所以上下的两部分不会改变,只是中间部分被替换了。
如果你直接刷新页面,则浏览器会请求http://music.163.com/这个页面,并传递后面的hash值作为参数。此时全部内容都会被更新。
有个网页说这个,看的不是很懂,你看看怎样让 AJAX 程序通过 URL 保持追踪
还有另外一篇文章 Must-Know URL Hash Techniques for AJAX Applications
可能是iframe,hash,pjax。不过基本不防f5
网易云音乐用的是 iframe 框架做的,你可以搜索引擎搜索一下 “iframe 防刷新”了解下。
原理就是利用hash+ajax实现
hash的好处是改变时不会触发浏览器的跳转。
你正常操作页面中的链接时:
它使用ajax请求对应的页面得到文档,然后从文档中取出主体部分替换当前的主体,然后改变浏览器的hash值。整个过程页面都不会跳转,所以上下的两部分不会改变,只是中间部分被替换了。
如果你直接刷新页面,则浏览器会请求http://music.163.com/这个页面,并传递后面的hash值作为参数。此时全部内容都会被更新。
有个网页说这个,看的不是很懂,你看看怎样
让 AJAX 程序通过 URL 保持追踪
还有另外一篇文章 Must-Know URL Hash Techniques for AJAX Applications
可能是iframe,hash,pjax。不过基本不防f5