使用 iFrame 链接到页面以加载不同的 PDF 文件答案

【问题标题】：Link to a page with iFrame to load different PDF files使用 iFrame 链接到页面以加载不同的 PDF 文件
【发布时间】：2013-05-02 23:01:33
【问题描述】：

我目前正在从事一个稍微复杂的项目，我不完全确定如何处理这个问题。我可以在 iFrame 中加载 PDF 没问题，但我们遇到的问题如下：

我们有一个包含 PDF 文章链接的登录页面。我们想创建第二个页面，带有登录页面的标题和导航，但包括某种类型的 iFrame 或查看器，以允许用户单击任何给定的 PDF 链接，并在查看器或 iFrame 中加载该文档第二页。

任何关于如何实现这一点的帮助将不胜感激。

【问题讨论】：

有什么问题？到目前为止，您尝试过什么？
您必须使用 Javascript 才能做到这一点。我真的不知道如何在不同的 IFrame 中显示标题，但我知道您可以像这样更改 IFrame 的位置：<div align="center"> <button onclick="document.getElementById('google').src='http://www.google.com/'">Click Here To Load Google</button> </div> <div align="center"> <iframe id="google" style="WIDTH: 915px; HEIGHT: 515px" border="" src="about:blank" alt="" scrolling="no"> <p>iframes are not supported</p></iframe> </div>

【解决方案1】：

为此使用阴影框。该网站是 shadowbox.js

它很容易安装，只需按照简单的说明进行操作。

在您的着陆页上您需要链接

<a href="second_page.html#myPDF">PDF</a>

在您的第二页上另一个 shadowbox 样式链接

<a href="myPDF.pdf" rel="shadowbox" id="myPDF">PDF</a>

别忘了修复路径。

【讨论】：