从由外部脚本生成的元素中删除 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 事件，这些事件是从运行 JavaScript 的新创建和插入的 <script> 元素触发的。

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

// 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 小提琴：
  • Echo JavaScript File and XHR requests。
• jQuery:
  • jQuery.getScript()。