Question

我正在尝试将一个脚本和一些HTML添加到iframe或一个div html＆amp;脚本标记已添加但不执行

HTML

<script>
var gw_d = "ad1";
var gw_w = "300";
var gw_h = "250";
var gw_ad = "ad1";
</script>
<script type="text/javascript" src="js.js"></script>
<div id="ad1">
</div>

js.js

$("#" + gw_d).width(gw_w).height(gw_h);
$.get("/bw/" + gw_ad + ".txt", function(data) {

    $('<iframe>', {
    id:  'myFrame',
    frameborder: 0,
    scrolling: 'no',
    width:gw_w,
    height:gw_h,
    }).appendTo("#" + gw_d).contents().find('body').append(data);

});

ad1.txt

<p align="center"> 
     <script  src="http://tag.contextweb.com/TagPublish/getjs.aspx?action=VIEWAD&cwrun=200&cwadformat=300X250&cwpid=504351&cwwidth=300&cwheight=250&cwpnet=1&cwtagid=18972"></script>
</p>

Fiddle

Answer 1

当字符串中包含</script>时，类似的脚本似乎会中断。解决方法可能是通过dom操作添加元素：

iframe = $('<iframe>');

var script   = document.createElement("script");
script.type  = "text/javascript";

script.src   = "http://tag.contextweb.com/TagPublish/getjs.aspx?action=VIEWAD&cwrun=200&cwadformat=300X250&cwpid=504351&cwwidth=300&cwheight=250&cwpnet=1&cwtagid=18972"; 
// Or:
script.text  = "Your code here!"

iframe[0].appendChild(script);

<强> Working Fiddle

如何向iframe添加和执行脚本和html

1 个答案: