在最近的项目开发中,涉及到了WEB页面的局部打印。
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.*"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="${ctx}/static/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/jquery.printArea.js"></script>
<style type="text/css" >
</style>
</head>
<body>
<div align="center">
<button type="button" class="btn" onClick="printWord();" >打印</button>
</div>
<br />
<div id="printArea">
<div >
需打印类容!!!!!
</div>
</div>
<p> </p>
<p> </p>
<script >
function printWord(){
var config = window.confirm("您确定要打印此文件吗?");
if(config == true){
$("#printArea").printArea();
}
}
</script>
</body>
</html>
效果图:
预览效果只支持CHROME浏览器 其他浏览器直接调用本地打印程序