javascript - 如何在边界区域内显示pdf？

Question

我的 iframe 中有一个边框区域。代码是这样的：

<div>
<center>
<div style="width:600px;height:245px;border:3px solid grey;">
</div>
</center>
</div>

这会在我的 iframe 内创建一个带边框的灰色区域。现在我希望用户在具有垂直和水平滚动条的边界区域内打开 iframe 时查看 pdf。pdf 位于此网址中：

http://www.irs.gov/pub/irs-pdf/fw4.pdf

我怎样才能做到这一点 ？请帮助。

Answer 1

或者，如果您不想使用框架，您可以将 pdf 作为对象包含在内。您现在可能会想到的一个问题（哪种用法？）在这里问为什么人们使用 <object classid=""> 来显示 PDF 而不是 src="1.pdf"

典型用法如下；

 <!--[if IE]>
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" data="http://www.irs.gov/pub/irs-pdf/fw4.pdf">
<p>backup content</p>
</object>
<![endif]-->

<!--[if !IE]> <-->
<object type="application/pdf" data="http://www.irs.gov/pub/irs-pdf/fw4.pdf" style="width:100%; height:100%">
<p>backup content</p>
</object>
<!-->
<![endif]-->

您可以在此处查看其他类型对象元素的用法和 css 问题。 http://joliclic.free.fr/html/object-tag/en/index.php

Answer 2

只需在 iframe src 值中传递 pdf url：

...
<center>

    <iframe runat="server" src="http://www.irs.gov/pub/irs-pdf/fw4.pdf "
     width="600px" height="245px" id="iframeDash"  frameborder="1" >

</center>
...