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

Question

如何使 static 在站点的每个页面上固定 HTML 元素？

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

此外，如果您打开许多网站页面（不同的选项卡）而不是 state，则此元素在所有页面上都是相同的。 （如果我在一页上更改此元素中的某些内容 - 它在每一页上都已更改）。

例如，我可以提供一个链接（我认为，允许在此站点上执行此操作）： http://www.jamendo.com/en/album/40689

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

这里使用了哪些技术？ 您能否提供一些参考资料以阅读有关此类技术的信息？

Answer 1

好吧，我可以给你一个大致的想法，我将如何做到这一点。

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

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

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

如果你想阅读最新的东西，你可以使用 node.JS 轻松做到这一点。 有一个库可以很容易地在客户端上反映服务器端更改而无需发出 GET 请求（使其非常适合聊天应用程序）。

Answer 2

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

Answer 3

希望该网站的工作方式与您发布链接时一样...

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