下面是關於前端列印功能的幾種整理，大家有什麼好的方法，還望提出。。。先謝謝啦
第一種：jquery有個列印功能的api（printarea）
不過這個特別要注意乙個就是列印出新空白，檢視原始碼，在原始碼中的doc = iframe.contentwindow.document;使用時需要先open加上doc.open();問題解決
第二種：window.print()
這一種在前一篇有詳解 ，不過可能在列印多張時會出現頁面的重疊，沒有很好的進行分頁。
第三種：css的列印屬性（print）
中偽類可以指定:
1. page-break-before用於設定元素前面的分頁行為,可取值:
2. page-break-after設定元素後的分頁行為。取值與page-break-before一樣。
3. page-break-inside設定元素內部的分頁行為。取值如下:
例如：
@media print
h1p}
@media print
}
type="button"
value="列印"
onclick="print()" />
div>
id="page1">
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
style="page-break-after:always" >
第一頁列印內容td>
tr>
table>
div>
id="page2">
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
id="content" >
第二頁列印內容td>
tr>
table>
div>
body>
html>
前端列印功能
window呼叫列印介面 title style pr.box style head body div class box h1 要列印的內容 h1 p 測試內容 p div div id pr 點選列印 div body html script function selector 獲取整個頁面 p...
關於前端頁面列印功能
專案開發中，都有乙個這樣的需求 當頁面設計好後需要列印出來，如網頁的的列印瀏覽和列印功能，有些公司需要讓前端開發好頁面列印出來或者轉為pdf格式的文件 如何實現？直接上例子 預覽功能可以使用谷歌瀏覽器，ie預覽功能同上，其他好像不支援 直接貼上到頁面 html 中就可以使用 lorem ipsum ...
《前端》列印功能 2023年8月27日
根據div標籤id拿到div中的區域性內容 bdhtml window.document.body.innerhtml var jubudata document.getelementbyid printcontent innerhtml 把獲取的 區域性div內容賦給body標籤,相當於重置了 b...