Js打印

1、js方法

$("#print").click(function(){
            var printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head><body >";  
            var content = "";  

            var str = document.getElementById('page1').innerHTML;     //獲取需要打印的頁面元素 ,page1元素設置樣式page-break-after:always,意思是從下一行開始分割。  
            content = content + str;  
            str = document.getElementById('page2').innerHTML;     //獲取需要打印的頁面元素  
            content = content + str;  

            printStr = printStr+content+"</body></html>";                                                
            var pwin=window.open("Print.htm","print"); //如果是本地測試,需要先新建Print.htm,如果是在域中使用,則不需要  
            pwin.document.write(printStr);  
            pwin.document.close();                   //這句很重要,沒有就無法實現    
            pwin.print();      
            });

2、頁面

<html>
<head></head>
<body>
<input type=”button” value=”打印” id=”print”>
<div    id=”page1” style="page-break-before:always;" >
打印內容一
打印內容一
</div>
<div  id=”page1”>
打印內容二
打印內容二
</div>
</body>
</html>
發佈了36 篇原創文章 · 獲贊 7 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章