1.所需插件jquery.media.js或者pdfobject.js
代码：
<html> <head> <style type="text/css"> body{ padding:0px; margin:0px; } .div{ width:100%; height:100%; } .divStyle{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; } img{ width:950px; height:600px; } </style> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.media.js"></script> <script type="text/javascript" src="pdfobject.js"></script> <script type="text/javascript" > window.onload = function () { var w = $(document).width(); var h = $(document).height(); $('a.media').media({ w, height: h }); //$("#pdf").css("width", w).css("height", h); //var success = new PDFObject({ url: 'PDF\1.pdf', pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0' } }).embed("pdf"); } </script> </head> <body> <div id="pdf"></div> <div class='div' style='display:table;'> <div id='imageView_container' class='divStyle'> <!--<a id="pdfView" class="media" href="../../upload/file/eb5bd59d-adee-4ac0-8ae7-706a9d8df0fc.pdf"></a>--> <a id="pdfView" class="media" href=""></a> </div> </div> <script type="text/javascript"> $('#pdfView')[0].href = "../../" + parent.window.wjlj_a; </script> </body> </html>
注意url的写法，两种插件写法不同。