欧美vvv,亚洲第一成人在线,亚洲成人欧美日韩在线观看,日本猛少妇猛色XXXXX猛叫

打印指定區域Html頁面并自動分頁

最近項目中需要用到打印HTML頁面，需要指定區域打印html打印指定區域內容，使用..js 插件

用法：

$("div#printmain").printArea();

但還是會打印DIV后面的內容，這里可以使用CSS控制打印分頁

有時用CSS控制分頁了但還是會連續打印頁面，這里就可以用上 插件中的屬性參數。

部分源碼：

var modes = { iframe : "iframe", popup : "popup" }; 
var defaults = { mode : modes.iframe, 
popHt : 800, 
popWd : 800, 
popX : 200, 
popY : 200, 
popTitle : '', 
popClose : false , 
twoDiv : '', //自已擴展的屬性，為滿足變態需求 

pageTitle: ''};//自已擴展的屬性，為滿足變態需求

可以看出插件中定義的屬性格式為JSON，下面介紹部分屬性

modes定義了兩個屬性，指定popup時會打開新窗口，可以視為打印預覽頁面，默認為。

@ | [] | (false),true 打印完成后是否開閉預覽頁面，默認為false（不關閉）。

$("div#printmain").printArea({mode:"popup",popClose:true});

這樣就可以指定DIV打印了。

下面說一下我新增兩個屬性的用途

：

需要打印的第二個DIV ，當然會是第二頁，這個頁面比較長，需要自動分頁，并且表格中每行都不一樣，有些行跨了多行，這里打印出來，一行可能會打印在兩張紙上。

：

第二個DIV分成多頁里，每一頁的表頭都需要一樣，這個參數就是公用表頭。

這兩個參數都對應著頁面中的DIV，如：

頁面定義好后html打印指定區域內容，我們看看插件中是如何處理我們的頁面的。

writeDoc.open(); 

writeDoc.write(html); //打找一個窗口關寫窗口中的HTML代碼 
writeDoc.close(); 
printWindow.focus(); 
printWindow.print();

下面是生成html的代碼

html+=docType() + "" + getHead() + getBody(thisPage) + "";

插件中都定義了相義的方法，我沒有做任何修改，這里我就不粘貼了。

下面是我的思路：

需在將一個DIV中的內容分成多頁，且一行不跨多頁，我們就得在生成html 代碼上下功夫了。

首先找出DIV中的所有行，當公共表頭加上這些行后高度達到一頁，就需要分頁了，這里就有可以一頁中最后一行剛好跨了多頁，將這一行保存下來，放到下一頁。

每一頁生成完成后都需要在HTML標簽后面加上CSS分頁標記，這樣就打印機就會乖乖的分頁。

說明一下，生成的預覽頁面一頁就是一個HTML頁面，它有對應的表頭與DTD信息。

有人可能明明預覽只有4頁，而打印出來總會多一頁，這時你需要檢驗一下你生成的頁面中分頁標記是不是在HTML標簽之前。

分面標記一定要在HTML標簽之后，這樣可解決打印多打一頁問題。

PS：

下面我會傳上我修改過后的JS插件，由于我項目周期的原因，代碼中很多部分都是寫死了，只是為了解決本次打印的問題。所在代碼中寫得很亂，希望大家將究著看

同事也希望哪位能夠再優化一下，使之通用。

?

?