码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2017-08-08 20:52:27      阅读:459      评论:0      收藏:0      [点我收藏+]

标签:code   bsp   foo   innerhtml   stat   pen   title   window   ati   

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

方法:为要打印的内容设置单独的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实现局部打印方法

标签:code   bsp   foo   innerhtml   stat   pen   title   window   ati   

原文地址:http://www.cnblogs.com/kangby/p/7308758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!