Jquery 多个站点/url集成，具有相同的标题，不'；单击其他站点时无法重新加载

我似乎不能把我的头围绕在这件事上，如果能做到的话，我会欣喜若狂。我正在为一个朋友的电影公司建立一个网站，他要求在每个特定电影网站的顶部都有一个标题，用电影名称链接到其他电影网站。标题在每个电影站点上都是完全相同的，位置也完全相同。每个电影网站也驻留在不同的URL上，而不是同一URL中的子目录

现在他还要求在点击其他站点时不要刷新标题。我想知道这是否可能，我完全愿意让所有站点都位于不同目录中的同一URL上。他还希望每个站点的URL都是可见的，这样就不只是在同一个站点中加载每个站点的内容，也不必更改浏览器中的URL

公司URL为www.breakwaterstudios.com

第一个电影网址是www.dinnerwithfred.com

第二个电影网址是www.inkandpapermovie.com

（我还没有在网站上集成新的标题）

但是，如果要做到这一点，唯一的方法是将URL

www.breakwaterstudios.com/dinner-withfred

www.breakwaterstudios.com/inkandpapermovie

然后将各个URL重定向到这些子目录，这很好

当我点击每个页眉按钮时，我能想到的唯一方法是

1） 将所有电影网站全部编码到每个单独的电影网站中，并让每个单独的电影网站首先加载其各自的网站元素（隐藏其他网站的元素）。然而，这需要某种javascript/AJAXURL更改/重写代码或其他东西来掩盖这样一个事实，即每个电影站点实际上都被编码到同一个站点中，并且只是使用jquery.show和.hide命令重新加载。在同一index.html文件中加载所有其他站点的内容可能需要很长时间

2） 当单击标题按钮时，甚至可以使用jquery.load或iFrame动态加载标题下的每个站点。然而，URL需要像数字1一样重写

3） 由于头div在所有站点上都处于相同的位置，并且如果实现此功能的唯一方法是重新加载到页面，则当另一个电影站点加载到单独或相同的URL时，头不会闪烁。使标题在单独的网站上加载时看起来不重新加载。点击另一个站点时，标题消失并重新出现的时间只有几分之一秒

这其中看起来很难的部分是整个URL的更改

我想我得到的是在每个站点上保留标题的可能性，而不必在访问每个站点时重新加载标题。我知道Facebook可以做到这一点，但是它都在同一个Facebook.com的URL内。我做过研究，发现可能由于潜在的安全风险/屏蔽/欺诈等原因，跨多个URL是不可能的

加载函数和iframe可以工作，但是URL需要更改，如果URL的全部内容不能从dinner withfred.com更改为inkandpapermovie.com，那么至少浏览器窗口中的子目录会更改

任何帮助都将不胜感激！！！谢谢

• 狄龙

---

在现代浏览器上，您可以使用HTML5历史API：

我认为对于较旧的浏览器也有一些黑客攻击。 但正如你所说，我认为它只适用于同一领域。因此，您将被困在这里的子目录URL。 至于加载页面本身，我认为iFrame是你最好的选择

---

例如，如果您真的想将页面集成到您的页面中，您也可以使用抓取页面。但是要正确地提取内容可能不是那么容易。这也可能存在法律问题（因为你没有其他网站，是吗？

这太好了！！非常感谢。我正在divintohtml5网站上阅读有关HTML5历史API的文章，内容非常丰富。我将报告在我的站点中成功实现此API的情况。幸运的是，我也拥有其他网站，所以所有的元素都是我的，所以不用担心。再次感谢！谢谢你的快速回复-我喜欢这个网站！不幸的是，我在实现代码时遇到了一些困难。如果站点的组织方式类似于www.breakwaterstudios.com/index.html www.breakwaterstudios.com/dingerwithfred/index.html www.breakwaterstudios.com/inkandpaper/index.html，那么是否可以使用历史API？它将在多个子目录上调用index.html，而不仅仅是index1.html、index2.html等。当将内容加载到div中时，它正在断开所有嵌入的链接，因为它正在查找/images，而不是/dinerwithfred/images文件夹（不在子目录中查找）……它可以处理多个子域吗？如果历史API的所有示例都只是寻找小的代码片段，而不是加载整个网站，那么代码将如何引用这些子域？因为所有网站的根目录中都有文件夹-图像、css等。历史API正在断开链接，因为它将网站从www.breakwaterstudios.com/dinner withfred带到www.breakwaterstudios.com。例如，在www.breakwaterstudios.com/dinner-withfred/images/picture.jpg上链接的图像正在加载为www.breakwaterstudios.com/images/picture.jpg。谢谢你的帮助！