如何在网站的每个页面上制作固定（静态）HTML元素

Question

如何在网站的每个页面上制作静态修复的HTML元素？

我的意思是 - 例如，它是现场的音乐播放器。它显示在页面的一角，当在网站上导航时 - 它不会重新加载。

此外，如果您打开多个网站页面（不同的标签页），则此元素的状态在所有页面上都相同。 （如果我在一个页面上更改了此元素中的某些内容 - 它在每个页面上都已更改。）

对于真实的例子我可以提供一个链接（我想，它允许在这个网站上这样做）： http://www.jamendo.com/en/album/40689

如果单击“播放” - 将打开音乐播放器。如果你在其他窗口打开其他艺术家 - 两个玩家将是相同的。如果您在一个窗口中更改了音量 - 其他音量也会改变。

这里使用了哪些技巧？您能否参考一下这些技术？

Answer 1

好吧，我可以大致了解一下我将如何做到这一点。

您需要在所有页面中保留您不希望相同的功能数据。

例如：如果您希望某些内容在所有页面中处于相同位置，则可以将该变量的当前位置存储在该特定用户/ IP地址的会话变量，cookie或数据库中。然后，您将向服务器发出GET请求，“询问”您正在跟踪的任何内容的最新位置。如果不同则相应地更新位置。

您需要使用Javascript，编程语言和某种数据持久性。

如果您想了解最新的内容，可以使用node.JS轻松完成。有一个库可以很容易地反映客户端上的服务器端更改，而无需发出GET请求（这对聊天应用程序很有用）。

Answer 2

您可以使用本地存储来存储当前设置，并从每个打开的实例中轮询它们。如果您只关心在一台机器上同步的设置，则无需使用AJAX或服务器。

Answer 3

希望该网站的工作方式与发布链接时相同......

此网站正在使用Flash，似乎正在使用LocalConnection和ExternalInterface。弹出窗口中的Flash对象实际上是播放音乐的对象。页面上的控件正在调用页面上的Flash对象，该对象只是向弹出窗口发送命令。