0

当发生我要注意的特定事件时 - 我想用调用我的 Google Ad 代码的 javascript 填充 div 'divDynamicAdvert`。

非常感谢“tenbits”向我展示了我需要像这样附加一个脚本节点：

function myEventHandler(evt)         //called when event is caught
{   
  var script = document.createElement('script');
  script.textContent = 'alert(1)';
  document.getElementById('divDynamicAdvert').appendChild(script);
}

这很好用，但代替警报，我需要插入 Google Ads Javascript：

<script type="text/javascript"><!--
        google_ad_client = "ca-pub-3286208413631803";
        /* Standard MPU */
        google_ad_slot = "8630273973";
        google_ad_width = 300;
        google_ad_height = 250;
        //-->
</script>
<script type="text/javascript"
        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

我试过了：

var script = document.createElement('script');
script.textContent = 'google_ad_client = 'ca-pub-3286208413631803'; google_ad_slot = '8630273973'; google_ad_width = 300; google_ad_height = 250;';
document.getElementById('divDynamicAdvert').appendChild(script);

var script = document.createElement('script src="http://pagead2.googlesyndication.com/pagead/show_ads.js"');
document.getElementById('divDynamicAdvert').appendChild(script);

我也试过逃避斜线，但没有运气......你们能帮忙吗？

4

1 回答 1

1

正如@slebetman 已经说过的那样，innerHTML不会工作。如果您尝试通过 DOM 评估脚本，而不是eval(code)等 - 使用SCRIPTNode 执行此操作：

var script = document.createElement('script');
script.textContent = 'alert(1)';

document.getElementById('divDynamicAdvert').appendChild(script);
// actually it doesnt matter where you append it

编辑：

在任何情况下，创建一个 SCRIPT 节点，然后使用它进行操作 - 向其添加脚本内容或添加 src 属性，如果您引用外部源

var script;

// content
script = document.createElement('script')
script.textContent = 'alert(1)'
document.body.appendChild(script);

// google api source
script = document.createElement('script');
script.src = 'ANY_URL';
// -> in this case, same as script.setAttribute('src', 'ANY_URL');

document.body.appendChild(script);

有一些进一步的问题，请随时在评论中提问。

于 2013-10-24T21:35:42.643 回答