多个页面上的 html 静态部分

Posted 2023-02-25

【中文标题】多个页面上的 html 静态部分

【英文标题】：static sections of html over multiple pages

【发布时间】：2014-07-18 15:42:47

【问题描述】：

我有一个内置音频媒体播放器的网站。目前，当我访问我网站中的另一个页面时，媒体播放器会出于明显的原因重置（因为整个页面都已加载）。

有什么方法可以让当前正在播放的歌曲在音频播放器中播放，在用户点击进入新页面时播放？音频播放器只是在 div 内，当用户想要播放新歌曲时，javascript 只需更改音频对象 src 属性。

【问题讨论】：

发布你迄今为止尝试过的代码

您必须使用 php/AJAX 在容器 div 中加载新内容，其他一切都必须是静态的...页眉、播放器、页脚等。

发现最好的解决方案是使用 AJAX 将内容加载到包含 div 中

【参考方案1】：

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

基本示例：

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

【讨论】：

所以当用户更改页面时它只会更改 iframe 而不会更改页面的其余部分？我想要做的就是这个网站是如何做到的。 hypem.com

该页面执行您所说的操作，但不是使用 iframe，而是使用 AJAX 加载除包含音频播放器的标题之外的所有内容。我只是向你推荐 iframe，这样你就不必改变你的网络结构

好的，非常感谢，但如果您不介意最后一件事，有没有办法将 iframe 信息发送到 url 中的哪个位置？