84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
请问网易云音乐的播放器在每个页面都出现，并且切换页面的时候播放器也不会消失！！！有什么实现原理？？？有人说是用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
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
网易云音乐用的是 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