js+html預覽PDF

<div id="pdfContent" style="height:100%;width:100%;"></div>

function showPdf(purl) {

    //var purl = 'Scala(中文完整版).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) {//支持
            pdfShow(purl);//調用顯示的方法

        } else {//不支持
            $("#pdfContent").append("對不起,您還沒有安裝PDF閱讀器軟件呢,為了方便預覽PDF文檔,請選擇安裝！");
            alert("對不起,您還沒有安裝PDF閱讀器軟件呢,為了方便預覽PDF文檔,請選擇安裝！");
            location = "http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_zh_CN.exe";
        }

    } else {
        pdfShow(purl);//調用顯示的方法
    }
}


//顯示文件方法，就是將文件展示到div中
function pdfShow(url) {
    $("#pdfContent").append('<iframe style="height:500px;width:100%;" src="' + url + '"></iframe>');
}