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

Posted 2020-10-01 凉紫筱

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js利用window.print实现局部打印方法相关的知识，希望对你有一定的参考价值。

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

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

举例如下：

<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实现局部打印方法的主要内容，如果未能解决你的问题，请参考以下文章