文章/答案/技术大牛

发布

社区首页 >问答首页 >用Javascript将IFRAME添加到DOM中

问用Javascript将IFRAME添加到DOM中
EN

Stack Overflow用户

提问于 2011-06-12 09:13:42

回答 3查看 8.4K关注 0票数 8

我想向页面添加一个iframe。此iframe应引用一个URL。我将以下代码添加到页面HTML中，但它不起作用：

document.createElement('<iframe src='http://example.com'></iframe>');

download

javascript

asp.net

iframe

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-06-12 09:20:21

这就是了：

var iframe;

iframe = document.createElement('iframe');
iframe.src = 'http://example.com/file.zip';
iframe.style.display = 'none';
document.body.appendChild(iframe);

现场演示： http://jsfiddle.net/USSXF/2/

您的代码无法工作，因为您将整个HTML字符串传递给了createElement函数("jQuery style“:))，这是无效的。此函数的有效参数是表示标记名的字符串(如'div'、'iframe'、'p'等)。

Read about document.createElement here.

票数 17

Stack Overflow用户

发布于 2011-06-12 09:19:11

您需要使用document.appendChild将节点追加到DOM

您还需要转义内部的单引号或使用双引号。

票数 1

Stack Overflow用户

发布于 2011-06-12 09:19:29

document.write(unescape('%3Ciframe src="//example.com/file.zip"%3E%3C/iframe%3E')

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6319514

复制

相似问题

问用Javascript将IFRAME添加到DOM中
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Javascript将IFRAME添加到DOM中EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Javascript将IFRAME添加到DOM中
EN