如何在靜態頁面上插入PDF檔案並讀取出來，首先我們需要先下載一個PDF的外掛pdfobject.js，放在你的專案的資料夾下，如下圖所示：

下好外掛之後，需要在我們的頁面中引入進去

<script type="text/javascript" src="../../js/pdfobject.js"></script>

接下來是在我們頁面上中寫顯示pdf的js，具體程式碼如下：

$(function () {  
            var purl='pdf/1.pdf';   //定義一個pdf的url屬性，'裡面是你存放pdf檔案的地址

            // 以下的程式碼都是處理IE瀏覽器的情況，直接複製即可   
 

            if (window.ActiveXObject || "ActiveXObject" in window) {  
                //判斷是否為IE瀏覽器，"ActiveXObject" in window判斷是否為IE11  
                //判斷是否安裝了adobe Reader  
                for (x = 2; x < 10; x++) {  
                    try {  
                        oAcro = eval("new ActiveXObject('PDF.PdfCtrl."
 
 + x + "');");  
                        if (oAcro) {  
                            flag = true;  
                        }  
                    } catch (e) {  
                        flag = false;  
                    }  
                }  
                try {  
                    oAcro4 = new
 
 ActiveXObject('PDF.PdfCtrl.1');  
                    if (oAcro4) {  
                        flag = true;  

                    }  
                } catch (e) {  
                    flag = false;  
                }  
                try {  
                    oAcro7 = new ActiveXObject('AcroPDF.PDF.1');  
                    if (oAcro7) {  
                        flag = true;  
                    }  
                } catch (e) {  
                    flag = false;  
                }  
                if (flag) {  
                    var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");  
                    if (!success) {  
                    var opts = {  
                        width:$(document).width(),  
                        height: $(document).height(),  
                        autoplay: true  
                    };  
                }  

                }  
                else {  
                    alert("還沒有安裝PDF閱讀器軟體,請選擇安裝！");  
                    location = "http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe";  
                }  
            }  
            else {  
                var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");  
                if (!success) {  
                    var opts = {  
                        width:$(document).width(),  
                        height: $(document).height(),  
                        autoplay: true  
                    };  
                }  
            }  
        });  

html程式碼如下：


<form id="form1" runat="server">
<div id="pdf1" class="yuanmenu_01"><h1>還沒有安裝PDF閱讀器軟體,請選擇安裝！ </h1>
<a href="http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe"><h1>點選下載</h1></a>
</div>
</form>

然後就可以閱讀插入的pdf檔案了，效果圖如下。