我可以链接整个 IFrame 而不链接其内容吗？

Question

所以我有一个 iFrame，它在我的 SharePoint 网站上显示一个四页 pdf。这个 iFrame 对于显示 PDF 非常方便，但我想这样做，以便单击框架内的任意位置将在浏览器中打开 PDF。我尝试使用和标签实施一些不同的策略，但没有找到任何东西来实现这个目标。我用于 iFrame 的代码如下。

欢迎提出任何建议。

<iframe width="500" height="550" src="URLtoPDF"></iframe>

Answer 1

如果两个域相同（iframe 和它所在的位置），您可以在准备好的文档上使用下面的 jQuery 代码

<script  src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
      $('iframe').load(function () {
        $(this).contents().find("body").on('click', function (event) {            
           window.open($(this).attr("src"), "_blank");
        });
      });
    });
</script>

在没有任何 js 文件引用的简单 javascript 的情况下使用下面的代码

<script type="text/javascript">
      window.onload = function () {
            var frame = document.getElementById('iframe');
            frame.onload = function () {
                var body = frame.contentWindow.document.body;
                body.onclick = function () {
                    var src = frame.getAttribute("src");
                    window.open(src, "_blank");
                };
            }
        }
 </script>

iframe 是 iframe 元素的 id