在 jQuery 中创建 iframe 再次询问答案

【问题标题】：Create iframe in jQuery again asking在 jQuery 中创建 iframe 再次询问
【发布时间】：2018-06-15 23:29:49
【问题描述】：

如何在 jQuery 中创建 iframe 标签并将其设置为仅某些 div 的内容？

如果目标div有一些内容，替换它并放入动态创建的iframe标签。

这是我尝试过的：

        $(".someClass").click(function(){

             var $iframe = $('<iframe allowfullscreen  ></iframe>', {
                'width': 650,
                'height': 580,              
                'src': someUrl
             });
             $('#someId').html($iframe);

        });

此代码实际上将 iframe 添加到 div，但 iframe 缺少 src 属性。这段代码有什么问题？

谢谢。

【问题讨论】：

在您已经接受了其他问题的答案后，为什么还要用相同的代码询问 the same question again？
另一个问题已被编辑，我添加了一条评论说事情现在发生了变化，我需要 iframe 的解决方案。但是没有人在看这个问题。因此，我再次需要你的关注。
如果您想引起更多关注，请编辑它。如果您的问题没有得到回答，为什么将答案标记为正确答案？这是立即将注意力从您的问题上移开的一种方式。
如果您想获得更多观点，请悬赏这个问题。
完全正确 - 请记住，您可以通过单击绿色复选标记“不接受”答案。

标签： jquery html iframe

【解决方案1】：

这对我有用：

$('<iframe />', {
    name: 'myFrame',
    id:   'myFrame',
    src: 'http://www.google.com/'
}).appendTo('div');

ONLINE DEMO（由于对 jsfiddle 的一些限制（我猜）不加载 google，但你可以看到 iframe 上有 src 属性）

希望对你有帮助！

编辑

var myFrame = $('<iframe />', { name: 'myFrame', id:   'myFrame', src: 'http://www.google.com/' });
$('div').html(myFrame);

ONLINE DEMO USING HTML()

【讨论】：

效果很好！查看我的编辑... > 顺便说一句，我真的不明白为什么我投了反对票...
@sonOfOmer 你可以用 html 来做，但这没有意义。你最好使用 .append ，因为在这种情况下，这就是 .html() 中真正发生的事情。您正在附加一个元素，而不是插入 html。
追加是否会删除 div 中以前的内容？
没有。 Append 将内容添加到 div，html 替换 div 的内容。简单的！使用追加的另一种方法是：$('div').empty().appendTo(myFrame);

【解决方案2】：

在 iframe 中添加一个 ID 并执行

$('iframeID').attr('src','linktomysourcelocation');

现在您创建了元素，上面的代码添加了源属性。

【讨论】：