在 JSP 页面上实现打印预览功能的代码，要求实现一个表格，并且每个值都需要分割

时间: 2024-04-07 10:34:01 浏览: 63

Jsp页面中实现打印打印预览及打印设置

重点： <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 VIEWASTEXT> </OBJECT> <input type=button value=打印 " class= "NOPRINT "> <input type=button value=直接打印 " class= "NOPRINT "> <input type=button value=页面设置 " class= "NOPRINT "> <input type=button value=打印预览 " class= "NOPRINT "> 注意： 1、CSS对打印的控制：  <style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style> Noprint样式可以使页面上的打印按钮等不出现在打印页面上，这一点非常重要，因为它可以用最少的代码完成最需要的功能 PageNext样式可以设置分页，在需要分页的地方 <div class= "PageNext "> </div> 就OK了，呵呵 2、表格线粗细的设置，更是通过样式表： <style> .tdp { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; } .tabp { border-color: #000000; border-collapse:collapse; } </style> 或者： <style> .TdCs1 { border:solid windowtext 1.0pt; } .TdCs2 { border:solid windowtext 1.0pt; border-left:none; } .TdCs3 { border-top:none; border-left:solid windowtext 1.0pt; border-bottom:solid windowtext 1.0pt; border-right:solid windowtext 1.0pt; } .TdCs4 { border-top:none; border-left:none; border-bottom:solid windowtext 1.0pt; border-right:solid windowtext 1.0pt; } .underline { border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #000000; } </style> 1、控制 "纵打 "、横打”和“页面的边距。（1） [removed] function SetPrintSettings() { 　// -- advanced features 　factory.printing.SetMarginMeasure(2) // measure margins in inches 　factory.SetPageRange(false, 1, 3) // need pages from 1 to 3 　factory.printing.printer = "HP DeskJet 870C " 　factory.printing.copies = 2 　factory.printing.collate = true 　factory.printing.paperSize = "A4 " 　factory.printing.paperSource = "Manual feed " 　// -- basic features 　factory.printing.header = "This is MeadCo " 　factory.printing.footer = "Advanced Printing by ScriptX " 　factory.printing.portrait = false 　factory.printing.leftMargin = 1.0 　factory.printing.topMargin = 1.0 　factory.printing.rightMargin = 1.0 　factory.printing.bottomMargin = 1.0 } [removed] ### JSP 页面中的打印功能实现详解在网页开发过程中，为用户提供打印功能是非常常见的需求之一。本文将基于提供的示例代码来详细介绍如何在 JSP 页面中实现打印、打印预览以及打印设置等功能。 #### 一、HTML 控件的使用在 HTML 中，可以通过内嵌 ActiveX 控件的方式实现页面打印功能。下面的代码片段展示了如何添加一个 ActiveX 控件到页面，并定义几个按钮用于执行打印相关的操作： ```html <OBJECT id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" VIEWASTEXT> </OBJECT> <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)" class="NOPRINT"> <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)" class="NOPRINT"> <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)" class="NOPRINT"> <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)" class="NOPRINT"> ``` 这里的关键是使用 `ExecWB` 方法来触发不同的打印操作。例如： - `ExecWB(6,1)`：打开打印对话框 - `ExecWB(6,6)`：直接打印当前页面 - `ExecWB(8,1)`：打开页面设置对话框 - `ExecWB(7,1)`：打开打印预览窗口 #### 二、CSS 对打印的控制为了确保打印效果符合预期，还需要利用 CSS 来控制打印内容。可以通过设置 `media` 属性来实现只在打印时生效的样式规则： ```html  <style media="print"> .NOPRINT { display: none; } .PageNext { page-break-after: always; } </style> ``` **1. 隐藏不必要的元素** - 使用 `.NOPRINT` 类可以让某些元素（如打印按钮）在打印时不显示出来，这对于提高打印效果很有帮助。 - 示例：`.NOPRINT { display: none; }` **2. 分页设置** - 通过 `.PageNext` 类可以实现在需要分页的地方插入分页符。 - 示例：`.PageNext { page-break-after: always; }` **3. 表格线的设置** - 使用 CSS 可以非常方便地控制表格线的样式和宽度，从而使得打印出来的表格更加美观。 - 示例： ```css .tdp { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 0px solid #ffffff; border-top: 0px solid #ffffff; } .tabp { border-color: #000000; border-collapse: collapse; } ``` #### 三、打印设置除了基本的打印功能外，还可以提供更高级的打印设置选项，比如设置纸张方向、边距等。这通常需要使用 JavaScript 脚本来完成。以下是一个示例函数 `SetPrintSettings()`，它包含了多个设置选项： ```javascript <script defer> function SetPrintSettings() { // -- 高级特性 factory.printing.SetMarginMeasure(2); // 边距单位为英寸 factory.SetPageRange(false, 1, 3); // 设置需要打印的页码范围 factory.printing.printer = "HP DeskJet 870C"; // 打印机名称 factory.printing.copies = 2; // 复印份数 factory.printing.collate = true; // 是否排序 factory.printing.paperSize = "A4"; // 纸张大小 factory.printing.paperSource = "Manual feed"; // 纸张来源 // -- 基本特性 factory.printing.header = "This is MeadCo"; // 页面顶部文本 factory.printing.footer = "Advanced Printing by ScriptX"; // 页面底部文本 factory.printing.portrait = false; // 页面方向（false 为横向） factory.printing.leftMargin = 1.0; // 左边距 factory.printing.topMargin = 1.0; // 上边距 factory.printing.rightMargin = 1.0; // 右边距 factory.printing.bottomMargin = 1.0; // 下边距 } </script> ``` ### 总结通过上述方法，我们可以在 JSP 页面中实现丰富的打印功能，包括打印、打印预览、页面设置以及高级打印设置。这些技术不仅可以满足用户的基本打印需求，还能提供更高质量的打印体验。需要注意的是，由于浏览器兼容性的问题，上述示例可能仅适用于 Internet Explorer 浏览器。在实际项目中，还需要考虑其他浏览器的支持情况。

要在 JSP 页面上实现打印预览功能，并显示一个包含分割的表格，可以使用 HTML 和 JSP 的组合。以下是一个示例代码： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打印预览</title> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; } </style> </head> <body> <h1>打印预览</h1> <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <%-- 使用 JSP 标签循环遍历数据 --%> <% for (int i = 0; i < 5; i++) { %> <tr> <td><%= "姓名" + i %></td> <td><%= "年龄" + i %></td> <td><%= "性别" + i %></td> </tr> <% } %> </table> <button onclick="window.print()">打印</button> </body> </html> ``` 上述代码中，使用了 `<table>` 标签创建一个表格，其中包含姓名、年龄和性别三列。使用 JSP 的循环标签 `<% for (int i = 0; i < 5; i++) { %>` 可以生成多行数据，并将数据插入到表格中。每个值都使用 `<%= ... %>` 标签输出，并通过字符串拼接方式加上索引来实现分割。最后，通过 `<button onclick="window.print()">打印</button>` 添加一个按钮，点击该按钮即可触发浏览器的打印功能。请根据实际需求和数据结构调整代码，并添加样式以符合您的设计要求。

阅读全文

在 JSP 页面上实现打印预览功能的代码，要求实现一个表格，并且每个值都需要分割

相关推荐

js 实现 打印预览

JS 打印功能代码可实现打印预览、打印设置等

ajax实现jsp页面表格

JSP实现打印功能

jsp页面如何实现web打印

jsp实现分页和页面跳转功能博文的源代码

页面实现预览和打印(页面整体打印和局部打印)

jsp页面实现文件的下载功能

打印按钮打印预览代码

jsp实现注册页面验证码验证代码

js 打印以及预览功能实现

JSP页面设计表格

JSP打印\JAVA的JSP打印代码

页面添加打印功能实例jsp

jsp实现HTML表格导出和导入Excel功能

用jsp实现简单的用户注册功能，点提交可以在另一个jsp页面显示用户注册信息

JSP实现百度谷歌分页页码功能源代码

JSP页面表格初始化

jsp打印功能有列子源代码.rar

最新推荐

Java实现搜索功能代码详解

JSP实现用户登录、注册和退出功能

js获取input标签的输入值实现代码

JavaScript实现x秒后自动跳转到一个页面

JavaWeb 中Cookie实现记住密码的功能示例

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

js 实现打印预览