1.JS调用浏览器打印功能打印:
window.print();
2.指定div区域和解决Bootstrap失效无法打印问题:
function printHtml(html) { var bodyHtml = document.body.innerHTML; document.body.innerHTML = html; window.print(); document.body.innerHTML = bodyHtml; } function onprint() { var html = $("#printArea").html(); printHtml(html); }
页面调用
<div class="container"> <div class="panel panel-primary" id="printArea"> <div class="panel-heading"> <h3 class="panel-title">xxx标题xxx</h3> </div> <div class="panel-body"> <div class="row"> <div class="col-xs-3"><label>内容:</label></div> <div class="col-xs-3"><label>内容:</label></div>