如何使用 javascript 将 IFRAME 添加到 ajax 加载的内容答案

【问题标题】：How to add IFRAME with javascript to ajax loaded content如何使用 javascript 将 IFRAME 添加到 ajax 加载的内容
【发布时间】：2023-03-09 14:31:01
【问题描述】：

如何将带有 javascript 的 IFRAME 添加到 ajax 刷新的内容？假设我有这样的事情：

$('#bar').delegate('.scroll-content-item span a', 'click', function() {
    var object_id = $(this).parent().attr("class");
    $.ajax({
        type: "POST",
        url: "/myfunction.php",
        data: "action=object_id=" + object_id,
        dataType: "json",
        success: function(data){
            $('.info').html(data['html']);                
        }
    });
    return false;
});

所以我尝试在成功时添加此代码：

            document.write('<IFRAME vspace=0 height=71 style="padding:10px" marginHeight=5 src="" frameBorder=0 width=54 name="pliggit" scrolling=no><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:"b24b6378-26a9-435c-ac5f-8aee4f59529c"});</script></IFRAME>');

但我收到的是Unterminated string literal。

【问题讨论】：

iframe 上没有子标签 - 因此尝试添加脚本将不起作用。

标签： javascript ajax iframe dynamic

【解决方案1】：

现在还早，但您是否尝试过引用您的属性？

或者你可以在 javascript 中创建你的 iframe：

var iframe = document.createElement('iframe');
iframe.setAttribute('vspace', '0');

等等……？

【讨论】：

但是插入raw js不是整体禁止的吗？因为我开始想，也许我需要以 js 作为源来指定 html 的路径。我现在将尝试引用属性。用 js 创建怎么样 - 我用 innerhtml 插入我的代码？
您可以使用 var myscript = document.createElement('script'); 附加脚本myscript.src="path.to/script.js";我还注意到您引用的脚本（至少 1 个）在 linting 中引发了大约 200 个错误。
您是否有任何理由致力于使用 iframe（因为正如我所说，现在还早，我并没有意识到 iframe 中没有子标签 [thx scunliffe] .)?
子标签是什么意思？
这意味着您不能将

【解决方案2】：

它不喜欢</script> 标签。我仍在寻找一个 js 答案来编码一段代码，以便 Javascript 不会出错。

【讨论】：