使用iframe解决网页播放控件的刷新问题

最新推荐文章于 2023-01-28 10:17:40 发布

程序员头不冷

最新推荐文章于 2023-01-28 10:17:40 发布

阅读量463

点赞数

文章标签： web jsp

本文链接：https://blog.csdn.net/qq_33473340/article/details/110820897

版权

使用iframe解决网页播放控件的刷新问题

背景

最近在做毕设项目时遇到了一个很大的bug，因为我做的是一个音乐播放网站，类似于网易云音乐web版，写着写着突然发现从主页跳转到歌曲信息的界面后底部的播放控件也随之刷新了，这样是不能满足一个正常音乐网站的需求的，所以我查询了一些资料，了解到网易云音乐web是使用啥hash+iframe的，我也尝试搜看了这方面的资料，但是。太复杂了，对于我这个后端开发的来说太陌生了，所以有了以下的方法。

思路

目的

跳转界面底部播放控件不发生变化，或者说不刷新播放控件，只刷新主体内容。

技术

iframe就够了

具体代码

main.jsp 主界面内容放到iframe

<body>
<%--引入头部文件--%>
<c:import url="A_Head.jsp"></c:import>

<%--<!-- 引入尾部jsp文件 -->
<c:import url="A_Tail.jsp"></c:import>--%>

<%--引入播放控件界面--%>
<c:import url="../control/control.jsp"></c:import>

<%--主体--%>
<iframe src="mainbody" height="100%" width="100%"/>
</body>

注意，iframe的src为controller的路径，访问会带有数据并跳转到真正的主界面，以上的body其实就是个嵌套主界面的"主界面"，目的就是为了让iframe与control.jsp以不刷新control.jsp为前提进行交互

singerdetail.jsp 与control.jsp交互

最低0.47元/天解锁文章

程序员头不冷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用iframe解决网页播放控件的刷新问题

使用iframe解决网页播放控件的刷新问题背景最近在做毕设项目时遇到了一个很大的bug，因为我做的是一个音乐播放网站，类似于网易云音乐web版，写着写着突然发现从主页跳转到歌曲信息的界面后底部的播放控件也随之刷新了，这样是不能满足一个正常音乐网站的需求的，所以我查询了一些资料，了解到网易云音乐web是使用啥hash+iframe的，我也尝试搜看了这方面的资料，但是。太复杂了，对于我这个后端开发的来说太陌生了，所以有了以下的方法。思路目的跳转界面底部播放控件不发生变化，或者说不刷新播放控
复制链接

扫一扫