Question

我希望网站上的某些内容（数据表）可用于包含在同一网站上的其他页面（如文章）中。我想象“将此代码粘贴到您想要表格的文章中：[..]”路线。

我不想要iframe，我想直接插入html（我已经有了将html表作为可能格式之一返回的GET API）。

有没有办法在HTML中完成这项工作？

我已经查看了另外一些问题，但这些似乎主要与CORS斗争，这在我的案例中不是问题。

我天真的注意力是制作这样的嵌入代码：

<div 
    class="replace-me-by-src-content" 
    data-src="http://the.long.url" >
</div>

加载将通过一些永远存在的javascript完成，它将处理每个.replace-me-by-src-content元素。

有没有使用javascript更干净的方式？您知道 - 我们可以通过在某些标签中提供src属性直接插入图像或样式表，浏览器负责执行GET请求并插入响应。对普通的html插入可以这样做吗？

Answer 1

您可以使用object加载外部页面。

<object type="text/html" data="http://www.example.com" style="width:100%; height:100%"></object>

否则你需要使用jquery。

<script>$("#testLoad").load("http://www.example.com");</script>
<div id="testLoad"></div>

<object type="text/html" data="https://www.example.com" style="width:100%; height:100%"></object>