Могу ли я связать весь IFrame без ссылки на его содержимое?

Question

Итак, у меня есть iFrame, который отображает четырехстраничный PDF на моем сайте SharePoint.Этот iFrame очень удобен для отображения PDF, но я хотел бы сделать так, чтобы щелчок в любом месте рамки открывал PDF в браузере.Я пытался реализовать несколько различных стратегий с использованием тегов и, но не нашел ничего, чтобы достичь этой цели.Код, который я использую для iFrame, приведен ниже.

Любые предложения приветствуются.

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

Answer 1

Вы можете использовать код jQuery ниже, если документ готов, если оба домена одинаковы (iframe и где он расположен)

<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>

Используйте приведенный ниже код в случае простого JavaScript без ссылки на js-файл

<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