利用前端實現打印功能

先引入兩個CSS,文件下載地址：https://github.com/xiaorenwu-dashijie/print.git

<link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>

<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>

 

選中id為myDivId的div進行打印即可，前提是電腦能連上打印機

function printReport(){

var newstr = document.getElementById("myDivId").innerHTML;

var oldstr = document.body.innerHTML;

document.body.innerHTML = newstr;

window.print();

document.body.innerHTML = oldstr;

return false;

}

打印效果如下