嵌入式svg何時實際加載，如何檢查其是否已加載

Question

我已經將svg嵌入到html object標簽中。 我遇到了一種情況，我需要檢查object元素中的svg是否實際加載。

<object id="object_id" data='some_svg.svg'></object>

我試圖使用以下代碼進行檢查。

document.getElementById('object_id').contentDocument.getElementsByTagName('svg')[0]

在各種情況下：

情況1：

<object id="object_id" data="some_svg.svg">
    #document
</object

情況2：

<object id="object_id" data="some_svg.svg">
    #document
        <svg>
            // content of the svg path etc.
        </svg>
</object

我如何確認嵌入式svg已正確加載。

注意：addEventListener不能解決問題。 在實際注冊事件偵聽器之前，可能已加載該圖像

Answer 1

嘗試使用window.load()方法等待DOM和所有HTML content （所有圖像，CSS等）加載，然后執行，如下所示：

window.addEventListener('load', function()
{
    document.getElementById('object_id').contentDocument.getElementsByTagName('svg')[0]
});