0

我在 HTML 页面中嵌入了一个 PDF（实际上，它是一个 ASPX 表单）。PDF 显示在一个小的“嵌入”HTML 元素中，使其看起来像一个缩略图。现在，我想将它用作一个超链接，以全尺寸显示相同的 PDF。有没有办法让嵌入的 PDF 充当超链接，还是我要求太多？

以下是相关的 HMTL：

<embed id="framePdfPreview" runat="server" width="200" height="255" />

以及动态设置 PDF 的服务器代码：

framePdfPreview.Attributes("src") = myPdfUrl & "#toolbar=0&navpanes=0&scrollbar=0"
4

1 回答 1

1

小实验，我从来没有尝试过<embed>用 a 包装 a<div>来达到这个目的，但理论上它应该可以工作：

<div onclick="javascript: window.open('myPdfUrl ','Window Name')">
   <embed id="framePdfPreview" runat="server" width="200" height="255" />
</div>

这行得通，100% 测试了分区本身，我只希望浏览器将您嵌入的 pdf 识别为一部分，<div>如果不是，您还可以将分区的高度和宽度调整为与 pdf 相同以确保“链接”涵盖了 pdf 的整个区域。

<div style="width:200px; height:255px" onclick="javascript: window.open('myPdfUrl ','Window Name')">
   <embed id="framePdfPreview" runat="server" width="200" height="255" />
</div>

我们可以尝试在嵌入的 PDF 上添加一个分区。获取 pdf 的确切位置并使用绝对位置和 left 和 top 值创建一个相同大小的分区来计算 pdf 位置，添加z-index:9999onclick 属性并将其添加到这个新分区。请注意，pdf 在新 div 之外。

    <div style="width:200px; height:255px; z-index:99999; position:absolute; left:?px; top:?px" onclick="javascript: window.open('myPdfUrl ','Window Name')">&nbsp;</div>
    <div id="pdf"><embed id="framePdfPreview" runat="server" width="200" height="255" /></div>
于 2012-06-10T06:03:21.740 回答