我有一个page-container.html
,我想将page-embeddable.html
嵌入其中。 page-embeddable.html
本身具有响应能力(它的高度根据包含元素的宽度而变化),并且我希望在嵌入时保留该特征。
我有以下方法,但收效甚微:
iframe
标签。它只是没有响应。仅当page-embeddable.html
的高度固定时才有效。但这不是-它会自动重熔并且高度是动态的。object
标签。我尝试将<object type="text/html" data="page-embeddable.html"></object>
设置为元素的innerHtml
,但它的作用与iframe相当。没有反应。page-embeddable.html
切成碎片。通过JavaScript加载页面引用的任何.js和.css。然后将body标签的内部内容加载到page-container.html
上某个div的.innerHtml中。此方法有效且响应迅速,高度是动态的,但是page-embeddable.html
是动态生成的,并且可以根据上下文具有不同的js / css引用。因此,在加载文件之前,我必须先弄清文件中的内容。 是否有更好的方法嵌入我忽略的页面? 就上下文而言,我尝试提供一种嵌入式Codepen之类的控件,只是高度需要动态变化。