最近改一個頁面，想要做一個列印功能，而且需要列印預覽，我還沒處理過這種需求，特此記錄一下。

要列印是比較簡單的，js中使用window.print()函式就可以列印，內容為body的內容，相容IE10以下的瀏覽時可以引入WebBrowser物件，然後呼叫WebBrowser.ExecWB(7,1)進行列印預覽，呼叫WebBrowser.ExecWB(6,1)進行列印。

主要的問題是何時呼叫，因為是區域性列印，所以如果在原頁列印的話，有兩種方法：隱藏不需要列印的內容或者提取出想列印的內容替換進body中，兩種方法都涉及比較多的DOM操作，而且原有的樣式會對列印造成影響。所以我打算新開頁面，把需要的內容填進去，另外建立一個列印專用的css檔案引入，再呼叫列印，得到了比較好的展示效果。

有個注意的點是，注入css檔案之後，頁面需要一點時間進行渲染，下面這個情況會在未渲染完成的時候進行列印：

var newWin=window.open('');//新開頁面
var print=document.getElementById("print");//提取要列印的內容
newWin.document.write(print.outerHTML);//輸入要列印的內容
var link=newWin.document.createElement("link");//插入新樣式檔案
link.href="style/print.css";
link.type="text/css";
link.rel="stylesheet";
newWin.document.head.appendChild(link);
newWin.print();
 

另外，需要列印的頁面往往會有比較多的表格和表單，需要針對性地改寫樣式，例如清除表單元件的預設樣式。textarea會隨著內容的增加而產生滾動條，在列印之前需要先把textarea改為p標籤（或者別的），這也是不選擇在原頁上面呼叫print()的原因。

（另外吐槽一下CSDN的編輯器，自動換行真是太非人類了）