Javascript 添加a的不同方式</脚本>；a中的标记<；脚本>；标签

因此，在我使用Gridster.js的情况下，我从一个序列化的JSON对象构建页面，该对象可以包含一个结束脚本标记。我在这里创建了一个JS小提琴

我尝试使用此处的方法“”

“”

vs

但这也不起作用。模板呈现，但twitter小部件没有实际加载。这是完整的代码

    var gridster;

    $(function(){

          gridster = $(".gridster > ul").gridster({
            widget_base_dimensions: [350, 215],
            widget_margins: [5, 5],
            min_cols:2,
            resize: {
                enabled: false
            },
          }).data('gridster');

        var serialization = [{"col":1,"row":3,"size_x":2,"size_y":1,"html":"\n\t\t\nhello form\n\n\t"},{"id":"widget1","col":1,"row":1,"size_x":1,"size_y":2,"html":"\n\t\t\n<iframe id=\"twitter-widget-0\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" class=\"twitter-timeline twitter-timeline-rendered\" title=\"Twitter Timeline\" width=\"350\" height=\"400\" style=\"border: none; max-width: 100%; min-width: 180px;\"></iframe>\n<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\"://platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");</script>\n\n\t"}];

        gridster.remove_all_widgets();
            $.each(serialization, function() {
                gridster.add_widget('<li>'+this.html+'</li>', this.size_x, this.size_y, this.col, this.row);
            });

        gridster.disable();



    });

var-gridster；
$（函数（）{
gridster=$（“.gridster>ul”）.gridster({
小部件基础尺寸：[350215]，
小部件_页边距：[5,5]，
min_cols:2，
调整大小：{
已启用：false
},
}).数据（“gridster”）；
var serialization=[{“col”：1，“row”：3，“size\ux”：2，“size\uy”：1，“html”：“\n\t\nhello form\n\n\t”}，{“id”：“widget1”，“col”：1，“row”：1，“size\ux”：1，“size\ux”：2，“html”：“\n\t\t\n\n！函数（d，s，id）{var js js fjs，fjs=d.getElementsByTagName（s）[0]，p=/^http:/.test（d.location）；'http'：'if（'byd.created=js id）；id=srcp=js：//platform.twitter.com/widgets.js \“fjs.parentNode.insertBefore（js，fjs）；}}（文档，\“script\，\“twitter wjs\”；\n\n\t}）；
gridster.remove_all_widgets（）；
$.each（序列化，函数（）{
添加小部件（“
”+this.html+“
”，this.size\u x，this.size\u y，this.col，this.row）；
});
disable（）；
});

我在您的JSFiddler上首先注意到，您的命名数组中有一个错误的转义码： -表单\n\n\t“}应为 -表单\n\n\t\“}

下一步，你为什么不这样做：

var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.innerHTML = "// script content";
document.getElementsByTagName("head")[0].appendChild( fileref );

这里有一个函数可以完成所有操作：

---

您的代码应包含在问题中。小提琴是一种额外的有用的东西，仅此而已。。。完整的代码添加。。。

    var gridster;

    $(function(){

          gridster = $(".gridster > ul").gridster({
            widget_base_dimensions: [350, 215],
            widget_margins: [5, 5],
            min_cols:2,
            resize: {
                enabled: false
            },
          }).data('gridster');

        var serialization = [{"col":1,"row":3,"size_x":2,"size_y":1,"html":"\n\t\t\nhello form\n\n\t"},{"id":"widget1","col":1,"row":1,"size_x":1,"size_y":2,"html":"\n\t\t\n<iframe id=\"twitter-widget-0\" scrolling=\"no\" frameborder=\"0\" allowtransparency=\"true\" class=\"twitter-timeline twitter-timeline-rendered\" title=\"Twitter Timeline\" width=\"350\" height=\"400\" style=\"border: none; max-width: 100%; min-width: 180px;\"></iframe>\n<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\"://platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");</script>\n\n\t"}];

        gridster.remove_all_widgets();
            $.each(serialization, function() {
                gridster.add_widget('<li>'+this.html+'</li>', this.size_x, this.size_y, this.col, this.row);
            });

        gridster.disable();



    });

var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.innerHTML = "// script content";
document.getElementsByTagName("head")[0].appendChild( fileref );