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

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

PHP中文网
PHP中文网

认证0级讲师

全部回复(4)
PHPz

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

PHP中文网

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

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

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

迷茫

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

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

迷茫

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号