SVG iframe 嵌入和可点击链接：如何定位 _top？

Question

我需要在我可以控制的页面上显示一个 svg 图像（我无法控制它）。 这个 svg 图片有链接，但是当我点击它们时，页面会在 iframe 中打开。一个解决方案是在 svg 链接中写入 target="_top"，但我无法控制该文件。

有没有办法在父页面中打开链接（因为它是可点击的图像地图）？

Answer 1

如果 svg 文件托管在同一个域中，您可以使用脚本访问它以进行 target="_top" 修改。

类似这样的：

var link_elms = youriframe.contentDocument.querySelectorAll("a");
for(var i=0;i<link_elms.length;i++)
{
  link_elms[i].setAttribute("target", "_top");
}

另一种选择是制作 svg 文件的副本，以便您完全控制它。