【问题标题】:PDF in iframe doesn't reload when I click a link to another page of the PDF当我单击指向 PDF 另一页的链接时,iframe 中的 PDF 不会重新加载
【发布时间】:2014-01-22 23:09:02
【问题描述】:

我的页面中有一个 iframe,用于显示 PDF。

<iframe src="test.pdf#page=1&view=FitH,0&zoom=200&toolbar=1&navpanes=0" id="iframe"></iframe>

页面上的其他地方我有一个指向同一 PDF 的另一个页面的链接,如下所示:

<a target="test.pdf#page=2&view=FitH,0&zoom=200&toolbar=1&navpanes=0">pdf page 2</a>

但是当我点击链接时,什么也没有发生。如果我将另一个链接(如 google 或我网站上的另一个页面)放入,这些链接可以正常打开。 但是,如果我首先单击指向另一个页面(例如 google 或 index.html)的链接(针对 iframe),然后单击指向 PDF 第 2 页的链接,它就像我想要的那样:它打开第 2 页在 iframe 中的 PDF。

如何在不先打开另一个链接的情况下在 iframe 中打开指向 PDF 其他页面的链接。

附言

页面链接只是临时的。最后,我希望链接可以转到 PDF 中的某些章节。

提前致谢

【问题讨论】:

    标签: html pdf iframe


    【解决方案1】:

    目标应该是将加载新项目的框架的名称,href 应该指定要加载的内容。例如:

    <iframe src="http://www.irs.gov/pub/irs-pdf/fw4.pdf" id="iframe"></iframe>
    
    <a href="http://www.irs.gov/pub/irs-pdf/fw7.pdf" target="iframe">pdf page 2</a>
    

    试试看,看看是不是你要找的。​​p>

    【讨论】:

    • 对不起,我确实有像你说的那样的东西。我在这里发错了。问题仍然像我上面所说的那样:(但感谢您的快速回复。
    • 如果您准确地展示您的代码是什么并描述您想要完成的工作,我们可能会为您提供更好的帮助。
    【解决方案2】:

    您需要先删除 src 并使用新的页码重新加载相同的 pdf 文件。但是需要至少 50ms 的一点延迟

    document.getElementById("iframe").src ="";

    setTimeout(函数() {document.getElementById("iframe").src = "Your.pdf#page=255&zoom=95&pagemode=none"}, 50);

    【讨论】:

      猜你喜欢
      • 2020-02-09
      • 1970-01-01
      • 2020-05-05
      • 2014-01-21
      • 2010-12-10
      • 1970-01-01
      • 1970-01-01
      • 2016-11-28
      • 2012-02-26
      相关资源
      最近更新 更多