search

Home  >  Q&A  >  body text

javascript - 请问网易云音乐的播放器在每个页面都出现,并且切换页面的时候播放器也不会消失??如何做到的??

请问网易云音乐的播放器在每个页面都出现,并且切换页面的时候播放器也不会消失!!!
有什么实现原理???
有人说是用hash和ajax来加载页面的内容 但是尝试过后 页面的内容是加载了 但是刷新的时候是刷新加载进来的页面 自然播放器也就没了
上个网易云音乐的网址:
http://music.163.com/
如果有人懂得或者做过类似的demo请发我好吗 万分感谢了!!!!

PHP中文网PHP中文网2836 days ago770

reply all(4)I'll reply

  • PHPz

    PHPz2017-04-10 15:08:47

    网易云音乐用的是 iframe 框架做的,你可以搜索引擎搜索一下 “iframe 防刷新”了解下。

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 15:08:47

    原理就是利用hash+ajax实现
    hash的好处是改变时不会触发浏览器的跳转。

    你正常操作页面中的链接时:
    它使用ajax请求对应的页面得到文档,然后从文档中取出主体部分替换当前的主体,然后改变浏览器的hash值。整个过程页面都不会跳转,所以上下的两部分不会改变,只是中间部分被替换了。

    如果你直接刷新页面,则浏览器会请求http://music.163.com/这个页面,并传递后面的hash值作为参数。此时全部内容都会被更新。

    reply
    0
  • 迷茫

    迷茫2017-04-10 15:08:47

    有个网页说这个,看的不是很懂,你看看怎样
    让 AJAX 程序通过 URL 保持追踪

    还有另外一篇文章 Must-Know URL Hash Techniques for AJAX Applications

    reply
    0
  • 迷茫

    迷茫2017-04-10 15:08:47

    可能是iframe,hash,pjax。不过基本不防f5

    reply
    0
  • Cancelreply