js最简单的代码实现局部打印功能（非插件）

javascript用最简单的代码实现局部打印功能，下面web建站小编给大家简单介绍一下实现代码！

html代码：

复制代码<p id="print1">打印当前区域1</p>
<p id="print2">打印当前区域2</p>
<button onclick="printer1()">打印区域1</button>
<button onclick="printer2()">打印区域2</button>
1
2
3
4

js代码：

复制代码//打印区域1
function printer1(){
  var newWin = window.open('printer', '', '');
  var print = document.getElementById("print1").innerText; //打印区域
  newWin.document.write(print);
  newWin.document.location.reload();
  newWin.print();
  newWin.close();
}

//打印区域2
function printer2(){
  var newWin = window.open('printer', '', '');
  var print = document.getElementById("print2").innerText; //打印区域
  newWin.document.write(print);
  newWin.document.location.reload();
  newWin.print();
  newWin.close();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19