javascript - 点击a标签跳转到B页面,并且播放B页面上一首指定的歌曲,这个功能怎么实现?
高洛峰
高洛峰 2017-04-10 15:40:18
[JavaScript讨论组]

(B页面有一个音乐播放列表。如果在A页面点击一个a标签跳转到B页面时,固定播放一首歌曲,比如点击第一个a标签,跳到B页面后播放第一首歌,点A页面第二个a标签,跳到B页面后播放第二首歌?)

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(7)
ringa_lee

逻辑比较简单,在 b 页面中播放通过 a 页面传递过来的某个 tag 对应的某首歌。

a 页面有很多 带参数的a 标签, b 页面接受参数,播放对应的歌曲就行了

伊谢尔伦

这样就需要动态语言,比如php,asp,java来做了

伊谢尔伦

传个hash过去,js判断播放

黄舟

用js实现,通过a标签获取b页面所需播放歌曲的特定属性值,跳转到b页面后根据属性值进行播放操作(js控制)

怪我咯

1.a页面携带歌曲id
2.b页面拿到id组装出待播放歌曲资源地址
3.具体播放可以采用html5的<audio>标签,或是一些开源播放插件

迷茫

楼上各位已经说了用 hash 实现,我具体说下:

  1. A 页面的链接使用 URL hash 传递参数,如<a href="B.html#first-song">第一首歌</a>;

  2. B 页面上使用 javascript 读取 URL hash 参数(location.hash),通过 html5 audio 或其他手段播放对应歌曲

ringa_lee

url带参数,通过js判断播放

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

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