更改链接以从iframe内部的Google文档中在iframe外部打开

Question

我正在尝试将来自Google文档的链接嵌入到iframe中以在iframe外部打开。 我已经尝试了几种解决方案。 我尝试将基本目标定义为_parent ， _top或_blank任何一个。 Google文档在iframe中创建代码，因此我尝试使用jquery对其进行更改以更改目标属性，但这似乎行不通。

相关的html代码为：

<iframe id="googledoc" base target="_blank" scrolling=no width=1000 height=1000 src="https://docs.google.com/document/d/1ctn5fekV4odEepCREAfLg31PrNMGnmwqokY0wHXqu7s/pub?embedded=true">There was a problem fetching the frame.</iframe> <!-- scrolling=no is for backwards-compatibility, also implemented in css -->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="../js/plugins.js"></script>
        <script src="../js/iframefix.js"></script>

注意基本目标是如何定义的，但似乎没有作用。

相关的jquery在iframefix.js中，如下所示：

$(document).ready(function () {
   $('#googledoc').contents().find('a').each(function () {
    $(this).attr('target', '_blank');
});
});

我发现一种使用php的解决方案，但宁愿不搞乱php。 有没有使用javascript / jquery的解决方案？

Answer 1

确保iframe位于同一域中，否则您将无法访问其内部。 那将是跨站点脚本。

似乎您正在尝试在iframe中加载google文档，因此它来自其他域，并且没有浏览器允许您访问其中的元素。

几年前，我想要一件同样的事情，并且花了很多时间在那上面。 我知道这是不可能的。

您可能要使用pdf.js来显示文档。

仔细看这个问题