加载对象内容后运行 Javascript 函数答案

【问题标题】：Run Javascript function when object content has been loaded加载对象内容后运行 Javascript 函数
【发布时间】：2013-06-25 05:07:06
【问题描述】：

当 <object> 的内容已加载时，如何运行 Javascript 函数？ DOMContentLoaded 事件在此之前触发，依赖它的东西也像 JQuery 的 $() 一样。

比较 this 和 this。第一个示例失败，因为该函数在外部 SVG 尚未加载时执行。第二个示例轮询它想要更改的元素，然后才执行相关代码，并成功。

轮询在实践中有效，但有更好的解决方案吗？理想情况下会触发一个我可以使用的事件。

【问题讨论】：

【解决方案1】：

使用 onload DomEvent 有效吗？

<object onload="changeColor()" data="circles.svg" type="image/svg+xml" id="circles"></object>

看我的here

【讨论】：

【解决方案2】：

你应该使用 jquery 的 onload/ready 事件 - http://api.jquery.com/ready/

$('#circles').ready(function(){
    changeColor();
});`

【讨论】：

这不起作用。 circles 使用空文档初始化，然后似乎触发了相关事件。
没有其他相关事件触发！你可以看到它在这里工作 - plnkr.co/edit/UqdAO441vy9FHBcWrh0d?p=preview 或尝试在你的代码中嵌入函数..