jsp页面打印功能

最新推荐文章于 2025-05-31 11:17:02 发布

binbinxyz

最新推荐文章于 2025-05-31 11:17:02 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：工具文章标签： jsp webbrowser button function html border

本文链接：https://blog.youkuaiyun.com/binbinxyz/article/details/7374559

工具专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何使用Lodop打印控件实现网页内容的预览与打印功能，并提供了具体的HTML示例代码。通过简单的按钮操作即可实现内容的打印、预览及页面设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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="预览" onclick="pagePreview()"/>
<input type="button" value="打印" onclick="pagePrint()"/>
<input type="button" value="页面设置" onclick="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>