在網頁制作和開發中，難免會涉及到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!”的文本。效果如下：

除了動態創建iframe，我們還可以通過JavaScript來獲取頁面中已經存在的iframe，進而對其進行操作。下面是一個獲取頁面中第一個iframe的代碼：

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

這也是獲取其他元素的通用方法，只需要將 "iframe" 替換為其他標簽名即可。

通過以上的介紹，我們可以看到JavaScript的iframe操作相關方法非常多，而我們只是介紹了其中幾種常見的應用。當然，具體如何應用還需要開發者根據具體需求來選擇合適的方法，以達到最佳的效果。