如何指定要嵌入 HTML5 中 iframe 元素的文档地址？

在Web开发中，我们经常需要在页面中嵌入其他网页或文档，这时候就可以使用HTML5中的iframe元素。但是，在使用iframe元素的时候，需要指定要嵌入的文档地址，本文将介绍如何指定要嵌入HTML5中iframe元素的文档地址。

指定iframe元素的src属性

要指定要嵌入HTML5中iframe元素的文档地址，需要使用iframe元素的src属性。src属性用于指定要加载的文档地址，其值应该是一个有效的URL地址。例如：

<iframe src="https://www.example.com"></iframe>

上面的代码片段指定了要嵌入的文档地址为https://www.example.com。当浏览器加载包含该代码片段的页面时，就会自动在页面中嵌入https://www.example.com这个网页。

需要注意的是，由于使用iframe元素会导致浏览器加载另一个网页，因此需要谨慎使用。尤其是当嵌入的网页来自不同的域名时，可能会存在安全风险，需要特别注意。

使用JavaScript动态设置iframe元素的src属性

有时候，我们需要根据用户的操作或一些其他的变化，动态地更新iframe元素嵌入的文档地址。这时候可以使用JavaScript动态设置iframe元素的src属性。

假设我们的页面上有一个button元素，当用户点击这个按钮的时候，需要动态地更新iframe元素的嵌入文档地址。可以使用以下代码实现：

<button onclick="changeIframeSrc()">Change iframe src</button>
<iframe id="my-iframe" src=""></iframe>
<script>
  function changeIframeSrc() {
    var iframe = document.getElementById("my-iframe");
    iframe.src = "https://www.example.com";
  }
</script>

代码中定义了一个button元素和一个id为my-iframe的iframe元素。当用户点击button元素时，调用changeIframeSrc()函数，该函数将获取id为my-iframe的iframe元素，并将其src属性设置为https://www.example.com。

需要注意的是，在使用JavaScript动态设置iframe元素的src属性时，需要注意安全性问题，确保不会因为加载不安全的网页而造成安全问题。

结论

在HTML5中，使用iframe元素可以方便地在一个网页中嵌入其他网页或文档。要指定要嵌入的文档地址，可以使用iframe元素的src属性。如果需要动态地更新iframe元素的嵌入文档地址，可以使用JavaScript动态设置iframe元素的src属性。但是，在使用iframe元素时需要注意安全性问题，避免出现安全风险。