javascript - 在不完全重新加载第二个 iframe 的情况下打开两个 iframe

Question

我有一个 AngularJS 应用程序，它在不同网站的 iframe 下运行。我有网站的代码。
我需要为同一个 AngularJS 应用程序打开一个新的 iframe，但要打开一个不同的路由。我不想在新的 iframe 中再次加载所有应用程序。我正在寻找可以复制窗口内容的现有实例的东西，或者可以打开同一应用程序的新 iframe 而无需再次加载整个应用程序。
下面是代码解释:
我有这个 html 页面:

<div>
   <iframe src="www.myapp.com/books"></iframe>
</div>

www.myapp.com/books 是一个 AngularJS 应用程序，因此它会加载大量依赖项、执行大量代码并进行一些后端调用。我想添加一个按钮，点击它会打开另一个 iframe 到 html 页面:

 <div>
   <iframe src="www.myapp.com/books"></iframe>
   <iframe src="www.myapp.com/names"></iframe>
</div>

新的 iframe 将打开相同的应用程序但不同的路径。不幸的是，这将导致为同一个 iframe 完全加载应用程序，我正在寻找一种方法来防止这种情况发生。就像克隆 iframe 的相同实例并在没有完全重新加载的情况下路由到新位置......

有什么想法吗？

Answer 1

让我们来谈谈 JQuery。

假设您有漂亮的 iframe(iframe 实际上不是很好)元素

<iframe id="original" src="www.myapp.com/books"></iframe>

记下 id 标签。

然后你得到了包含在标签中的 javascript

var newIframe = $("#original").clone();

$("body").append(newIframe);

LINK ---> Check this all out at JSFiddle <--- LINK!