如何在 chrome PDF 查看器中更改页面？答案

【问题标题】：How to Change Pages in chrome PDF viewer?如何在 chrome PDF 查看器中更改页面？
【发布时间】：2018-09-20 07:17:32
【问题描述】：

找不到与我在此处尝试执行的操作相匹配的问题。我的网页上有一个嵌入的 PDF，位于 iframe 内，页面上有按钮可以更改 iframe 的 src 以更改页面。这似乎适用于 IE11 和 firefox，因为它们使用 adobe PDF 查看器，但我在使用 chrome pdf 查看器的 chrome 和 Vivaldi 等浏览器上遇到了问题。

这是我的代码： HTML：

<button class="pageChanger" value="http://linktomypdf.pdf#page=1">Start Of Section</button>
<button class="pageChanger" value="http://linktomypdf.pdf#page=20">Section 2</button>
<button class="pageChanger" value="http://linktomypdf.pdf#page=35">Section 3</button>
<button class="pageChanger" value="http://linktomypdf.pdf#page=45">Section 4</button>
<iframe id="iframepdf" src="http://linktomypdf.pdf#page=1" width="800" height="800"></iframe>

JS：

<script>
    jQuery(document).ready(function() {
      jQuery(".pageChanger").on('click', function() {
        jQuery("#iframepdf").attr("src", jQuery(this).val());
      });
    });
  </script>

iframe 仍将加载所选 HTML 中的指定页面，但我之后更改页面的 JS 函数仅适用于 adobe PDF 查看器。这不是在 chrome PDF 查看器中以编程方式更改页面的正确方法吗？

【问题讨论】：

标签： javascript html google-chrome pdf iframe

【解决方案1】：

要强制重新加载，

document.getElementById('iframepdf').contentDocument.location.reload(true);

这也会改变页面和 google pdf 查看器。

【讨论】：