在网页制作和开发中，难免会涉及到iframe标签的使用。而如果要动态创建、添加、或删除iframe标签，就需要借助JavaScript的帮助了。本文就来介绍JavaScript如何创建iframe以及一些常见的使用情景。

创建iframe的方式有多种，我们先来看最简单的一种：使用DOM API的createElement()方法创建iframe元素，并添加到文档中。

var iframe = document.createElement("iframe");document.body.appendChild(iframe);

以上代码创建了一个空的iframe元素，并将其添加到了文档的标签中。但是，这样的iframe并没有内容，也没有设置任何属性，对于想要扩展iframe的开发者来说显然是不够用的。

接下来，我们就来看一下如何设置iframe的属性和内容。使用JavaScript可以给iframe添加src、height、width等标准属性，也可以添加自定义属性。

var iframe = document.createElement("iframe");iframe.setAttribute("src", "https://www.baidu.com");iframe.setAttribute("width", "100%");iframe.setAttribute("height", "500px");iframe.setAttribute("frameborder", "0");document.body.appendChild(iframe);

以上代码创建了一个加载百度页面的iframe元素，并设置了它的宽度、高度以及是否显示边框。效果如下：

有时候，我们需要在创建iframe时直接添加内容，而不是通过src指定内容的地址。这时候我们可以使用 iframe.contentWindow.document 对象来访问iframe的 DOM 对象，从而对其进行操作。

var iframe = document.createElement("iframe");document.body.appendChild(iframe);var iframeDoc = iframe.contentWindow.document;iframeDoc.open();iframeDoc.write("
Hello, World!
");iframeDoc.close();

以上代码在iframe中添加了一个标题为“Hello, World!”的文本。效果如下：

Hello, World!

除了动态创建iframe，我们还可以通过JavaScript来获取页面中已经存在的iframe，进而对其进行操作。下面是一个获取页面中第一个iframe的代码：

var iframe = document.getElementsByTagName("iframe")[0];

这也是获取其他元素的通用方法，只需要将 "iframe" 替换为其他标签名即可。

通过以上的介绍，我们可以看到JavaScript的iframe操作相关方法非常多，而我们只是介绍了其中几种常见的应用。当然，具体如何应用还需要开发者根据具体需求来选择合适的方法，以达到最佳的效果。