Javascript 跨多个页面的html静态部分

Javascript 跨多个页面的html静态部分,javascript,html,audio,Javascript,Html,Audio,我有一个内置音频媒体播放器的网站。目前,当我访问我网站中的另一个页面时,媒体播放器会重置,原因很明显(因为整个页面都被加载) 当用户点击进入新页面时,有没有办法让正在音频播放器中播放的当前歌曲保持播放状态?音频播放器位于div中,当用户想要播放新歌时,javascript只需更改音频对象srcatribute。您应该使用iframe,并将音频播放器放在iframe之外,这样用户就不会浏览整个页面,而只在iframe中导航 基本示例: <div id="audioplayer"><

我有一个内置音频媒体播放器的网站。目前,当我访问我网站中的另一个页面时,媒体播放器会重置,原因很明显(因为整个页面都被加载)


当用户点击进入新页面时,有没有办法让正在音频播放器中播放的当前歌曲保持播放状态?音频播放器位于
div
中,当用户想要播放新歌时,javascript只需更改音频对象
src
atribute。

您应该使用iframe,并将音频播放器放在iframe之外,这样用户就不会浏览整个页面,而只在iframe中导航

基本示例:

<div id="audioplayer"></div>
<iframe src="index.html"></iframe>


发布您的代码到目前为止尝试的内容您必须使用PHP/AJAX在容器div中加载新内容,其他所有内容都必须是静态的…页眉、播放器、页脚等。发现最好的解决方案是使用AJAX将内容加载到包含div中。因此,当用户更改页面时,它只会更改iframe,而不会更改页面的其余部分?我想做的是这个网站如何做到这一点。该页面执行您所说的操作,但它不使用iframe,而是使用AJAX加载除包含音频播放器的标题之外的所有内容。我只是向您推荐iframe,这样您就不必更改您的web结构了好的,非常感谢,但如果您不介意的话,最后一件事是有没有任何方法可以将iframe信息发送到url中的哪个位置?