使用 jquery.PrintArea.js 插件需要使用 jquery>=1.9版本
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.PrintArea.js"></script>
<link href="css/PrintArea_1.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function(){
$("#print_act").click(function(){
var headElements = '<meta charset="utf-8" />,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>';
var options = { mode : 'popup', popClose:false, extraCss : '',retainAttr:'["id","class","style"]', extraHead : headElements };
$("div.print").printArea( options );
});
});
</script>
</head>
<body>
<div class="PrintBox" id="PrintBox">
<div id="print" class="print all">
<div class="print_box">
<div class="print_title" >2018年 年度 奖金</div>
</div>
</div>
<a href="javascript:;" id="print_act">
打 印
</a>
</div>
</body>
</html>
演示地址:http://demo.tvtvu.com/print/