今天客戶讓添加個打印證照功能，直接用window.print()打印的是整個頁面，而用以下方法就可以只打印證明了
- <!--window.print打印指定div
- window.print可以打印網頁，但有時候我們只希望打印特定控件或內容，怎么辦呢？
- 首先我們可以把要打印的內容放在div中，然后用下面的代碼進行打印。
- -->
- <html>
- <head>
- <script language="javascript">
- function printdiv(printpage)
- {
- var headstr = "<html><head><title></title></head><body>";
- var footstr = "</body>";
- var printData = document.getElementById("dvData").innerHTML; 獲得 div 里的所有 html 數據
- var oldstr = document.body.innerHTML;
- document.body.innerHTML = headstr+newstr+footstr;
- window.print();
- document.body.innerHTML = oldstr;
- return false;
- }
- </script>
- <title>div print</title>
- </head>
- <body>
- //HTML Page
- //Other content you wouldn't like to print
- <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print ">
- <div id="div_print">
- <h1 style="Color:Red">The Div content which you want to print</h1>
- </div>
- //Other content you wouldn't like to print
- //Other content you wouldn't like to print
- </body>
- </html>
同理：
用 JavaScript 實現頁面數據的打印 ： 主要是用到了一個 print() 函數 ， 該函數將會打印整個 web 頁面 body 內的所有 html 數據 ! 使用方法為 window.print(); 打印頁面上局部的數據，則可以 用
//把數據嵌套在 一個 div 里，獲得 div
var printData = document.getElementById("dvData").innerHTML; 獲得 div 里的所有 html 數據
window.document.body.innerHTML = printData; //把 html 里的數據 復制給 body 的 html 數據 ，相當於重置了 整個頁面的 內容
window.print(); // 開始打印
這種打印方式的優劣 ：消耗資源少 | 格式不夠靈活