可以輕鬆實現列印網頁上的某個區域

請注意!很多朋友遇到 Cannot read property 'opera' of undefined 錯誤問題是juqery版本相容問題

解決方法：加入遷移輔助外掛 jquery-migrate-1.0.0.js可解決版本問題

引入

<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>

js

<script language="javascript">
function a(){
    $("#lizi").jqprint();
  }
</script>
 

html

<div id="lizi">
  <table>
    <tr>
      <td>test</td>
      <td>test</td>
      <td>test</td>
      <td>test</td>
      <td>test</td>
    </tr>
  </table>
</div>
<input type="button" onclick=" a()" value="列印"/>
 

設定模板列印

$("#printContainer").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
});