使用lodop打印控件可以方便的做出强大的功能。
控件下载:http://mtsoftware.v053.gokao.net/download.html
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>print test</title>
</head>
<body>
<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" id="WebBrowser"></object>
<div id="print">
<table border="1" bordercolor="#000000" cellspacing="0" width="300" height="120" align="center">
<tr><td>编号</td><td>姓名</td><td>性别</td><td>年龄</td></tr>
<tr><td>1</td><td>张三</td><td>男</td><td>20</td></tr>
</table>
</div>
<br/>
<div id="notprint" name="notprint">
<input type="button" value="预览" οnclick="pagePreview()"/>
<input type="button" value="打印" οnclick="pagePrint()"/>
<input type="button" value="页面设置" οnclick="pageSetup()"/>
</div>
<script type="text/javascript">
var WebBrowser = document.getElementById("WebBrowser");
function pagePreview()
{
var display = document.getElementById("notprint").style.display;
document.getElementById("notprint").style.display="none";
WebBrowser.ExecWB(7,1);
document.getElementById("notprint").style.display=display;
}
function pagePrint()
{
var display = document.getElementById("notprint").style.display;
document.getElementById("notprint").style.display="none";
WebBrowser.ExecWB(6,1);
document.getElementById("notprint").style.display=display;
}
function pageSetup()
{
WebBrowser.ExecWB(8,1);
}
</script>
</body>
</html>
media属性
HTML<link> 标签的 media 属性
HTML <link> 标签
定义和用法
media 属性规定被链接文档将显示在什么设备上。
media 属性用于为不同的媒介类型规定不同的样式。
实例
两种不同的样式表,针对两种不同的媒介类型(计算机屏幕和打印):
<head>
<link rel="stylesheet"type="text/css" href="theme.css" />
<link rel="stylesheet"type="text/css" href="print.css"media="print"/>
</head>
HTML<style> 标签的 media 属性
HTML <style> 标签
定义和用法
media 属性用于为不同的媒介类型规定不同的样式。
提示:如需在一个 style 元素中定义一个以上的媒介类型,请使用逗号分隔的列表(例如:<style type="text/css"media="screen,projection">)。
实例
针对两种不同媒介类型的两种不同的样式(计算机屏幕和打印):
<html>
<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>
<style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>