最主要的是使用到了一個jquery的插件jquery.media.js，使用這個插件就很容易實現了。
核心代碼
Html代碼
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <title>Online View PDF</title>
- <script type="text/javascript" src="http://sources.ikeepstudying.com/js/jquery-1.8.3.min.js"></script>
- <script type="text/javascript" src="jquery.media.js"></script>
- <script type="text/javascript">
- $(function() {
- $('a.media').media({width:800, height:600});
- });
- </script>
- </head>
- <body>
- <a class="media" href="guice.pdf">PDF File</a>
- </body>
- </html>
查看預覽：http://sources.ikeepstudying.com/jquery.media/pdf.php
使用jquery.media.js就可以直接把一個連接到pdf文件的鏈接打開，滿足了需求。
項目地址：http://jquery.malsup.com/media/