Javascript 如何在边界区域内显示pdf?

Javascript 如何在边界区域内显示pdf?,javascript,jquery,jsp,iframe,Javascript,Jquery,Jsp,Iframe,我的iframe中有一个边界区域。代码如下所示: <div> <center> <div style="width:600px;height:245px;border:3px solid grey;"> </div> </center> </div> 这将在iframe内创建一个带边框的灰色区域。现在我想让用户在打开带有垂直和水平滚动条的边界区域内的iframe时查看pdf。pdf位于以下url中: 我该怎么做?请帮

我的iframe中有一个边界区域。代码如下所示:

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

这将在iframe内创建一个带边框的灰色区域。现在我想让用户在打开带有垂直和水平滚动条的边界区域内的iframe时查看pdf。pdf位于以下url中:


我该怎么做?请帮忙。

只需在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>
...
。。。
...

或者,如果您不想使用框架,可以将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问题。

这真是太好了,被投票支持和接受了。谢谢我从src开始,现在在你的建议之后,我转到了对象类型。再次感谢。