Отправка данных в сценарий на странице контейнера из сценария, выполняемого во встроенной странице

Question

Я столкнулся с интересной проблемой и не уверен, что ее можно решить.

У меня есть скрипт JS (скажем, script1), работающий в документе SVG с множеством прямоугольников, в котором собрана введенная пользователем информация, например, какой прямоугольник был нажат / данные, соответствующие прямоугольнику и т. Д.

Этот документ SVG встроен в HTML-страницу с тегами <object>.

Проблема в том, что script1 должен передать собранную информацию другому JS-скрипту (скажем, script2), работающему внутри HTML-страницы контейнера.

Кто-нибудь знает, как это сделать?

Далее, чтобы улучшить мое понимание, что если бы я использовал теги <embed> или <iframe>; какой метод был бы уместен тогда?

Answer 1

Пока ссылочные svg находятся в том же домене, что и ссылочные теги embed / iframe / object, вы можете использовать window.frameElement, чтобы найти элемент, который внедрил svg внутри svg. Вы можете использовать object_or_iframe_or_embed.contentDocument для получения ссылочного документа svg со стороны HTML. Существует также устаревший метод .getSVGDocument(), который можно использовать вместо .contentDocument.

Примеры вызовов svg-to-parent ( # 1 и # 2 ) и вызовов parent-svg ( # 4 ), для дополнительную информацию см., например, SVG Primer , опубликованный SVG Interest Group.