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

2025年02月22日 建站教程

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

html代码:

<p id="print1">打印当前区域1</p>
<p id="print2">打印当前区域2</p>
<button onclick="printer1()">打印区域1</button>
<button onclick="printer2()">打印区域2</button>

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();
}

本文链接:http://so.lmcjl.com/news/23632/

展开阅读全文