动态添加 iframe标签
时间: 2023-11-20 14:57:42 浏览: 97
动态加载iframe
动态添加iframe标签可以通过JavaScript来实现。可以使用createElement()方法创建一个新的iframe元素,然后设置其属性,最后将其添加到文档中。
以下是一个简单的示例,演示如何使用JavaScript动态添加iframe标签:
```javascript
// 创建一个新的iframe元素
var iframe = document.createElement('iframe');
// 设置iframe的属性
iframe.src = 'http://www.example.com';
iframe.width = '100%';
iframe.height = '500px';
// 将iframe添加到文档中
document.body.appendChild(iframe);
```
上述代码将创建一个新的iframe元素,设置其src、width和height属性,然后将其添加到文档中。在实际应用中,可以根据需要设置其他属性,例如frameborder、scrolling等。
阅读全文