Javascript 如何在站点的每个页面上创建固定(静态)HTML元素

Javascript 如何在站点的每个页面上创建固定(静态)HTML元素,javascript,html,ajax,Javascript,Html,Ajax,如何在站点的每个页面上创建静态固定HTML元素 我的意思是-例如,它是网站上的音乐播放器。它显示在页面的一角,在站点上导航时,它不会重新加载 此外,如果您打开了站点的多个页面(不同的选项卡),则此元素在所有页面上的状态都是相同的。(如果我在一页上更改了此元素中的某些内容,那么它在每一页上都会更改) 例如,我可以提供一个链接(我认为,在这个网站上可以这样做): 如果单击“播放”-音乐播放器将打开。如果你在其他窗口中打开其他艺术家-两个玩家将是相同的。如果在一个窗口中更改了卷,那么在另一个窗口中也

如何在站点的每个页面上创建静态固定HTML元素

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

此外,如果您打开了站点的多个页面(不同的选项卡),则此元素在所有页面上的状态都是相同的。(如果我在一页上更改了此元素中的某些内容,那么它在每一页上都会更改)

例如,我可以提供一个链接(我认为,在这个网站上可以这样做):

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


这里使用什么技术?你能提供一些参考来阅读这些技术吗

好吧,我可以给你一个大概的想法,我会怎么做

您需要持久化您希望在所有页面上都不相同的功能的数据

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

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


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

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

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


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

当然可以。我们鼓励树立榜样!好吧,至少我是这样做的。可能是AJAX改变了页面内容,可能是简单的布局,很容易呈现,所以你只能看到改变的部分闪烁,等等……是我,还是示例页面在一个新的小窗口中打开音乐播放器?这样不太难
window.open()
是您需要的。当我在player中更改音量时,我在firebug中没有看到任何ajax请求。(如何在其他窗口中更新…(它应该获得新的卷值)@bazmegakapa。是的,它是window.open()。但是你在网站的主窗口中看到了相同的播放器吗?在内容右侧。它们是同步的。简单的get请求不太好-因为..你应该多久发送一次以获得刷新的数据?5秒?1秒?(这是个坏主意)…然后我需要看看node.js的方向…@inneudo-是的,node.js会给你你想要的。我会研究node.js的框架是跨浏览器本地存储吗?是每个浏览器。我估计大多数人通过一个浏览器同时访问大多数网站。