專案中遇到了做區域性列印的情況，最開始用的bootstrap，可是實際顯示的和列印的效果就不一樣了，於是就只能換一種方式了。

列印是用的jqprint 這個外掛，很簡單好用的外掛。

引入兩個js就可以了

  <script type="text/javascript" src="/js/appjs/common/print/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="/js/appjs/common/print/jquery.jqprint-0.3.js"></script>

列印方法。

/**
 * 列印繳費單
*/
function PaymentPrint() {
  $("#ReviewArea").jqprint({
    debug: false,//如果是true則可以顯示iframe檢視效果（iframe預設高和寬都很小，可以再原始碼中調大），預設是false
    importCSS: true,//true表示引進原來的頁面的css，預設是true。（如果是true，先會找$("link[media=print]")，若沒有會去找$("link")中的css檔案）
    printContainer: true,//表示如果原來選擇的物件必須被納入列印（注意：設定為false可能會打破你的CSS規則）。
    operaSupport: true//表示如果外掛也必須支援歌opera瀏覽器，在這種情況下，它提供了建立一個臨時的列印選項卡。預設是true
  });
}

到此為止還算是比較簡單的，可是實際打印出來的，可能會和顯示的有差別。

經過一番調整，驗證出，用table才能實現顯示的和列印的一樣的效果。

實際列印效果：如果有需要，需要去掉頁尾，就不用顯示頁碼和url地址了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。