Javascript 如何从由<;引用的svg调用父文档中定义的函数;对象>;元素?
我曾经将svg文件嵌入到我的网页:Javascript 如何从由<;引用的svg调用父文档中定义的函数;对象>;元素?,javascript,html,svg,Javascript,Html,Svg,我曾经将svg文件嵌入到我的网页: <object id="svgmap" width="100%" height="100%" data="<%=path %>/svg/map.svg" type="image/svg+xml" style=""> </object> 这个“onsel”函数也是在support.js中定义的,因此当我单击图像时,它会更改为另一个图像。现在,当我在浏览器(Opera、Mozilla和Chrome)中查看此页面
<object id="svgmap" width="100%" height="100%" data="<%=path %>/svg/map.svg" type="image/svg+xml" style="">
</object>
这个“onsel”函数也是在support.js中定义的,因此当我单击图像时,它会更改为另一个图像。现在,当我在浏览器(Opera、Mozilla和Chrome)中查看此页面时,当我单击该图像时,它没有切换到另一个图像,并且在开发工具的控制台中,它说“referenceerror:onsel未定义svgmap:1”
这是否意味着svg文件不能使用其他javascript文件中定义的函数?如何做到这一点?我将您的问题解释为“如何从元素引用的svg调用父html文档范围中定义的函数?”。从定义“onsel”函数的位置来看有点不清楚,但我猜它在html文档中的一个脚本中 下面是如何从svg内部向外调用父级的示例。父函数中的函数打印单击的元素以及引用的元素 从svg到父文档:
window.parent.yourFunctionInParentDocument();
正是我一直在寻找的!谢谢!
window.parent.yourFunctionInParentDocument();