如何动态创建给定HTML的iframe？开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

微醺的荔枝 · 【Android】BottomNavigat ...· 1 周前 ·

聪明伶俐的围巾 · fp = ...· 7 月前 ·

腼腆的柑橘 · 记：curl ...· 10 月前 ·

耍酷的啄木鸟 · 有关vuedraggable拖拽插件问题_前 ...· 11 月前 ·

博学的豌豆 · rxjava介绍_flowable.bloc ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

var html = '<body>Foo</body>';
var iframe = document.createElement('iframe');
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);

var iframe = document.createElement('iframe');
var html = '<body>Foo</body>';
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
document.body.appendChild(iframe);
console.log('iframe.contentWindow =', iframe.contentWindow);

var iframe = document.createElement('iframe');
var html = '<body>Foo</body>';
document.body.appendChild(iframe);
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html);

推荐文章

微醺的荔枝 · 【Android】BottomNavigationView的使用笔记 - GreatII - 简书

1 周前

聪明伶俐的围巾 · fp = builtins.open(filename, "rb")这儿一段报错怎么回事 - CSDN文库

7 月前

腼腆的柑橘 · 记：curl 本地有响应输出，curl域名却没有响应输出问题排查 - 心恩惠动 - 博客园

10 月前

耍酷的啄木鸟 · 有关vuedraggable拖拽插件问题_前端-CSDN问答

11 月前

博学的豌豆 · rxjava介绍_flowable.blockingforeach-CSDN博客

1 年前

回答 2

Stack Overflow用户

Stack Overflow用户