首页 > 代码库 > js利用window.print实现局部打印方法

js利用window.print实现局部打印方法

一、局部打印,打印单独的一部分内容

方法:为要打印的内容设置单独的id名,新开窗口并打印。

举例如下:

1、html

<div id="pulPrint">  
  我是要打印的内容
</div>
<div class="btn btn-primary print-btn">打印</div>

2、js

$(".print-btn").on("click",function(){
    printdiv("pulPrint");    
})
//局部打印   这里的printpage是id
function printdiv(printpage){
    var headstr="<html><head><title></title></head></html><body>";
    var footstr="</body>";
    var newstr=document.all.item(printpage).innerHTML;   
    var oldstr=document.body.innerHTML;
    var myWindow=window.open(‘‘,‘newwindow‘,‘fullscreen=yes,location=no,menubar=no,status=no,titlebar=no,toolbar=no‘);
    myWindow.document.body.innerHTML=headstr+newstr+footstr; 
  myWindow.print(); setTimeout(
function(){ myWindow.close(); },300); return false; }

 

js利用window.print实现局部打印方法