javascript - 从外部脚本生成的元素中删除 DOM 元素

Question

在一个页面中，我有由外部脚本生成的第三方广告内容。此内容需要一点时间来加载。我想从广告内容中删除换行符 - 为此，必须等到外部脚本已加载并且该脚本中调用的所有函数都已停止运行。我正在修改以下想法，但我猜它只会等到加载外部脚本:

$.getScript( "http://www.external_site.com/widget.js").done( function(data, textStatus, jqxhr) {
     $('.result').find('br').remove();  
});

在调用 .remove() 函数之前等待外部脚本执行所有 DOM 操作的最佳方法是什么？

Answer 1

一种方法似乎是监听 onreadystatechange和 load从新创建和插入的事件中触发的事件 <script>运行 JavaScript 的元素。

这在链接的(简单的)演示中有效，但我无法证明它对大型项目的可靠性:

// listening for the onreadystatechange and/or load
// events fired from the newly-added "script" elements:
$('script').on('onreadystatechange load', function (e) {
    // performs the following simple/contrived functionality:
    $('body').find('br').remove();
});

JS Fiddle demo .

引用资料:

• JavaScript:
  • readystatechange event .
• JS fiddle :
  • Echo JavaScript File and XHR requests .
• jQuery:
  • jQuery.getScript() .