📜  如何指定要在 iframe 元素 HTML5 中显示的页面的 HTML 内容?(1)

📅  最后修改于: 2023-12-03 14:53:07.239000             🧑  作者: Mango

HTML5中如何指定iframe要显示的页面的HTML内容

在HTML5中,可以使用<iframe>元素来嵌入另一个HTML文档。需要在<iframe>元素中指定要显示的文档的URL。如果要指定要在<iframe>元素中显示的页面的HTML内容,则可以使用srcdoc属性。 srcdoc属性中指定的内容会取代URL中指定的文档。

以下是使用srcdoc属性的基本语法:

<iframe srcdoc="HTML内容"></iframe>

其中,HTML内容可以是任何HTML文本,包括标记、文本和脚本。要在srcdoc属性中包含脚本,请使用<script>元素。例如:

<iframe srcdoc="<html><head><title>My page</title></head><body><p>Hello world!</p><script>alert('Hello world!');</script></body></html>"></iframe>

在这个例子中,<iframe>元素将会在其中显示一个HTML文档,该文档包含一个标题为"My page"的HTML页面,并在页面中包含一个段落和一个脚本,当该文档加载时,它会弹出一个消息框,显示"Hello world!"。

请注意,浏览器必须支持srcdoc属性才能在<iframe>元素中使用。因此,您应该在使用它之前进行测试,并确定它是否适用于您的目标浏览器。

参考资料: