javascript - 请问网易云音乐的播放器在每个页面都出现,并且切换页面的时候播放器也不会消失??如何做到的??
PHP中文网
PHP中文网 2017-04-10 15:06:47
0
4
757

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

PHP中文网
PHP中文网

认证0级讲师

membalas semua(4)
PHPzhong

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

Ty80

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

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

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

迷茫

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

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

迷茫

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan