如何在保持响应的同时将一页嵌入另一页?

时间:2019-04-04 21:44:39

标签: javascript html css

我有一个page-container.html,我想将page-embeddable.html嵌入其中。 page-embeddable.html本身具有响应能力(它的高度根据包含元素的宽度而变化),并且我希望在嵌入时保留该特征。

我有以下方法,但收效甚微:

  1. iframe标签。它只是没有响应。仅当page-embeddable.html的高度固定时才有效。但这不是-它会自动重熔并且高度是动态的。
  2. object标签。我尝试将<object type="text/html" data="page-embeddable.html"></object>设置为元素的innerHtml,但它的作用与iframe相当。没有反应。
  3. page-embeddable.html切成碎片。通过JavaScript加载页面引用的任何.js和.css。然后将body标签的内部内容加载到page-container.html上某个div的.innerHtml中。此方法有效且响应迅速,高度是动态的,但是page-embeddable.html是动态生成的,并且可以根据上下文具有不同的js / css引用。因此,在加载文件之前,我必须先弄清文件中的内容。

是否有更好的方法嵌入我忽略的页面? 就上下文而言,我尝试提供一种嵌入式Codepen之类的控件,只是高度需要动态变化。

0 个答案:

没有答案