從主html腳本調用SVG的外部JavaScript函數？

Question

這是一個類似的問題，但我想知道如何在未嵌入SVG卻從外部文件導入的情況下訪問SVG的JavaScript函數：

因此，我將嘗試闡明我的問題，希望不要太困惑。

我有main.html和main.js。

我也有someSVG.svg，它導入了具有功能foo（）的someSVG.js。

main.html導入someSVG.svg作為對象元素。

如何從main.js調用foo（）？

Answer 1

如果您將SVG嵌入<object>標簽，則可以使用以下命令訪問SVG的窗口對象

var inner = document.querySelector('object').contentWindow

就像外部窗口的窗口對象一樣，它提供了在普通窗口中可以找到的所有全局變量，例如腳本定義的inner.foo()或inner.document 。

注意：Safari支持版本10的HTMLObjectElement.contentDocument，但不支持.documentWindow。