HTML <object> 标签

Question

我想在开始这个问题时说，我对 HTML 很陌生，没有任何正式的经验。我的目标是将包含交互式图形的 HTML 代码片段添加到 another HTML 文档中。我已经弄清楚如何使用

<object> Tag

来做到这一点。我面临的唯一问题是

data=

字段需要一个 URL 到单独的文件。我不能有两个 HTML 文件，因为我需要给我的客户一个single HTML。有没有办法创建一个新的

string

，其中包含交互式图形的 HTML 代码——然后将其传递到

data=

字段？或者类似的东西？

<object align="center" style="width:30%;height:500px" data="/Users/Desktop/plotly_test2.html"></object>

重申一下：我能够使用

<object> Tag

将交互式图形加载到我的 HTML 中；但是，我正在寻找一种方法来为

data=

字段提供 HTML 的

string

，而不是 HTML 文件的路径。

<object align="center" style="width:30%;height:500px" data="/Users/Desktop/plotly_test2.html"></object>

Answer 1

可以通过使用 URL 数据方案对内部 HTML 进行编码。

这通常是用小图像完成的。

URL 变成这样：

... data="data:<HTML-base64-encoded>" ...

当然，这会妨碍简单的编辑，尽管您可以编写一个脚本来自动将两个 HTML 文档转换为一个文档。

---

顺便说一句，在大多数情况下，人们使用

<iframe ...>

来包含另一个 HTML 页面，而不是

<object ...>

。