如何调用svg上的javascript嵌入到Object标签中而没有安全错误?

时间:2015-03-09 10:56:24

标签: javascript html google-chrome svg

我生成要从本地计算机使用的Html / js / svg文档。

当我尝试执行我的javascript时,我收到此错误:

Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLObjectElement': Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match

我找到了一个关于它的stackoverflow答案:here

我不知道将什么放入document.domain,因为我的html页面是本地文件。

html页面

<!DOCTYPE html>
<html>
    <head>
      <script type='text/javascript' src='js/test.js'></script>
    </head>
    <body>
        <object id='test' data='test.svg' type='image/svg+xml'>
        Your browser doesn't support SVG
        </object>
    </body>
</html>

javascript代码很简单:

window.addEventListener('load',function(){
  const object        = document.getElementById('test');
  const svgdoc        = object.contentDocument;
 ...
}, false);

我的脚本适用于firefox 31.5.0但不适用于google-chrome 41.0。

感谢您的帮助

0 个答案:

没有答案