时间戳

首页 > 解决方案 > 使用逐字字符串而不是文件名嵌入 HTML 代码

javascript - 使用逐字字符串而不是文件名嵌入 HTML 代码

问题描述

我正在寻找一种在页面中嵌入 HTML 代码的方法。我已经知道该embed元素可以为我做到这一点：

<!DOCTYPE html>
<html>
<body>

<h1>The embed element</h1>

<embed type="text/html" src="snippet.html"  width="500" height="200">

</body>
</html>

但是，嵌入元素将 html 文件作为src. 我想知道是否可以将逐字字符串（作为 HTML 代码）传递给 embed 元素。这对任何其他机制是否可行？

我的目标是能够使用 JS 代码动态更改逐字字符串，以便生成的嵌入式 HTML 动态更改。

标签： javascripthtml

解决方案

您可以将html代码添加srcdoc到iframe：

<iframe srcdoc="<html><body><h1>Hello World!</h1></body></html>" />

推荐阅读