javascript - 加载对象内容后运行 Javascript 函数

Question

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

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

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

Answer 1

使用 onload DomEvent 有效吗？

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

在这里看到我的

Answer 2

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

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