js动态生成iframe

JavaScript动态生成IFrame通常用于嵌入外部内容、加载异步页面或者创建可交互的应用程序片段。以下是使用JavaScript动态创建IFrame的基本步骤：

1. 创建一个新的IFrame元素：

var iframe = document.createElement('iframe');

2. 设置IFrame属性，比如src（要加载的URL）、width、height等：

iframe.src = 'https://www.example.com'; // 要加载的网页地址
iframe.width = '800px';
iframe.height = '600px';

3. 可选地设置其他属性，如边框、名称等：

iframe.style.border = 'none'; // 隐藏边框
iframe.name = 'myIframe'; // 如果需要给IFrame命名

4. 将新创建的IFrame添加到DOM中，通常是文档的body部分：

document.body.appendChild(iframe);

完整示例：

var iframe = document.createElement('iframe');
iframe.src = "https://www.example.com";
iframe.id = "dynamic_iframe"; // 给IFrame一个id以便后续操作
iframe.style.display = "none"; // 初始隐藏

// 添加到文档底部（为了演示）
document.body.appendChild(iframe);

// 当然，你也可以选择特定位置插入
// var targetDiv = document.getElementById("target"); // 获取你想插入的位置元素
// targetDiv.appendChild(iframe);

// 显示IFrame
setTimeout(function() {
    iframe.style.display = "block";
}, 1000); // 等待1秒后再显示