在页面之间共享组件而不重新加载它答案

【问题标题】：share component between pages without reloading it在页面之间共享组件而不重新加载它
【发布时间】：2016-07-10 00:48:06
【问题描述】：

你们有谁知道如何在多个 html 页面之间共享一个组件但只加载一次？

我正在尝试在多个页面之间共享一个单元画布，但是加载时间太长，所以每次我更改页面时它都会重新加载，导致用户体验很差。我尝试创建一次框架并将其放在会话中以供重用，但这似乎不是解决它的方法。

我需要在所有页面中使用相同的组件，而无需在每次用户更改浏览器地址时重新加载它。

谢谢。

【问题讨论】：

你能分享一些代码吗？你的画布有多少页面？你能重新加载它周围的其他元素吗？
很抱歉没有提供代码，因为它在保密协议下。我们可以认为主机页面（包含画布的页面）将是动态的，可以更改，它们可以随时将画布组件插入到任何位置，设置它是否可见。例如，它的行为应该像一个静态 java 类，其中所有类共享相同的信息，在这种情况下，是加载的画布。

标签： javascript refresh

【解决方案1】：

我们在将通讯器添加到在线应用程序（类似于 FB）时遇到了同样的问题。最好的解决方案是做一个单页应用程序并通过html5历史API管理url，但仅在您开始开发时适用。您也可以尝试使用 iframe，例如将画布放在主文档中，将其余部分（更改部分）放在 iframe 中，但是您会遇到 url 问题，因此这不是解决方案。因为当我们开始在通信器上工作时我们有工作应用程序，所以我们最终像你一样在会话中存储了所有东西。

【讨论】：

我现在使用框架，但它不会避免重新加载单元，因为它将被放置在已经完成的网站中。我们不能改变网站，我们能做的最多就是提供统一作为他们可以调用和使用的“组件”，这是最难的部分，因为即使我们决定使用单页框架，它也对他们，因为他们仍然以老式的方式更改页面。谢谢你的提示。