网页中使用JavaScript进行打印

最新推荐文章于 2024-07-11 20:52:38 发布
最新推荐文章于 2024-07-11 20:52:38 发布
阅读量188 收藏
点赞数
分类专栏： JAVA学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ssj234/article/details/8526953
版权

1.使用javascript

<html>
<head>
<title>看看</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}   
.PageNext{page-break-after: always;}
</style>
<style>
.tdp{border-bottom: 1 solid #000000;   border-left: 1 solid #000000;   border-right: 0 solid #ffffff;   border-top: 0 solid #ffffff;   } 
.tdp2{border-bottom: 1 solid #000000;   border-left: 0 solid #000000;   border-right: 0 solid #ffffff;   border-top: 0 solid #ffffff;   } 
.tabp{border-color: #000000 #000000 #000000 #000000;border-style: solid;   border-top-width: 2px;   border-right-width: 2px;border-bottom-width: 1px; border-left-width: 1px;}
.NOPRINT{font-family: "宋体";   font-size: 9pt;   }
</style>
</head>
<body >
<center class="Noprint" >
<p><OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
<input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)><input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)><input type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)></p>
<p> <input type=button value=打印预览 οnclick=document.all.WebBrowser.ExecWB(7,1)><br/></p> 
<hr align="center" width="90%" size="1" noshade>
</center>   
<center>dddd</center></br>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabp">   
<tr height="50">  
<td colspan="2" class="tdp">第1页</td>
<td colspan="1" class="tdp">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="tdp2">ssd1</td></tr>
<tr><td >ssd2</td></tr>
</table>
</td>
</tr>   
<tr>   
<td width="29%" class="tdp"> </td>   
<td width="28%" class="tdp"> </td>   
<td width="43%" class="tdp"> </td>   
</tr>   
<tr>   
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">   
<tr>   
<td width="50%" height="200" class="tdp" valign="top"><p>这样的报表</p></td> 
<td> </td>   
</tr>   
</table>
</td>   
</tr>   
</table>   

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >   <!--分页-->   
<div class="PageNext"></div>   
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr> 
<td class="tdp">第2页</td>
</tr>   
<tr>   
<td class="tdp">看到分页了吧</td>   
</tr>   
<tr>   
<td class="tdp"> </td>
</tr>   
<tr>   
<td class="tdp"> </td>   
</tr>   
<tr>   <td class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">   
<tr>   
<td width="50%" class="tdp"><p>这样的报表</p>   <p>对一般的要求就够了。</p></td>   <td> </td>   
</tr>   
</table>
</td>   
</tr>   
</table>   

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >   <!--分页-->   
<div class="PageNext"></div>   <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">   
<tr>   
<td colspan="3" class="tdp">第1页</td>   
</tr>  
 <tr>   
<td width="29%" class="tdp"> </td>  
<td width="28%" class="tdp"> </td>   
<td width="43%" class="tdp"> </td>   
</tr>   
<tr>
<td colspan="3" class="tdp"> </td>   
</tr>   <tr>   
<td colspan="3" class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">   
<tr>   
<td width="50%" class="tdp"><p>这样的报表</p>   <p>对一般的要求就够了</p></td>  
<td> </td>   
</tr>   
</table>
</td>   
</tr>   
</table>   

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >   <!--分页-->   
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">   
<tr> 
<td class="tdp">第2页</td> 
</tr>   
<tr> 
<td class="tdp">看到分页了吧</td>
 </tr>   
<tr> 
<td class="tdp"> </td>
 </tr>   
<tr>   
<td class="tdp"> </td>   
</tr>   <tr>   
<td class="tdp">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>   
<td width="50%" class="tdp"><p>这样的报表</p> <p>对一般的要求就够了。</p></td> 
<td> </td>
</tr>   
</table>
</td>   </tr>   
</table>   
</body>   
</html>


 

2.使用itext导出为word格式

void createCell(String content,int row,int col)
 {
  try{
   Paragraph p = new Paragraph(content,FontChinese);
   p.setAlignment(Element.ALIGN_CENTER); //设置段落为居中对齐
   
   Cell c2=new Cell(p);
   c2.setVerticalAlignment(Element.ALIGN_CENTER);  //设置表格中的内容为垂直居中
   c2.setHeader(false);
   c2.setColspan(col);
   c2.setRowspan(row);

   c2.setUseBorderPadding(true);
  t.addCell(c2);
  }catch (Exception e) {
   System.out.println("createCell"+content);
   e.printStackTrace();
  }
 }
 
 void createCell(String content,int row,int col,String orient_x,String orient_y)
 {
  try{
   Paragraph p = new Paragraph(content,FontChinese);
   if(orient_x == LEFT)
    p.setAlignment(Element.ALIGN_LEFT); //设置段落为左对齐
   else if(orient_x ==  RIGHT)
    p.setAlignment(Element.ALIGN_RIGHT); //设置段落为右对齐
   else if(orient_x ==  CENTER)
    p.setAlignment(Element.ALIGN_CENTER); //设置段落为居中对齐
   
   Cell c2=new Cell(p);  
   c2.setHeader(false);
   c2.setColspan(col);
   c2.setRowspan(row);
   
   c2.setUseBorderPadding(true);
   
   if(orient_y == TOP)
    c2.setVerticalAlignment(Element.ALIGN_TOP);  //设置表格中的内容为垂直居上
   else if(orient_y == CENTER)
    c2.setVerticalAlignment(Element.ALIGN_CENTER);  //设置表格中的内容为垂直居中
   else if(orient_y == BOTTOM)
    c2.setVerticalAlignment(Element.ALIGN_BOTTOM);  //设置表格中的内容为垂直居下
   
   t.addCell(c2);
  }catch (Exception e) {
   System.out.println("createCell"+content);
   e.printStackTrace();
  }
 }


创建

void go()
	{

		// 得到保存路径
//		FileDialog sd = new FileDialog(new Shell(Display.getCurrent()));
		
//		sd.setFilterExtensions(new String[] { ".doc" });
		Date d=new Date();
		final String path = "D:\\"+report.getReportTag()+".doc";
		System.out.println(path);

		try{
		Document document = new Document(PageSize.A4); 
		 document.addTitle("Title"); 
		 document.addHeader("header","Header"); 
		// document.setMargins(20, 0, 10, 10);

		 BaseFont bf = BaseFont.createFont("STSong-Light","UniGB-UCS2-H",BaseFont.NOT_EMBEDDED);
		   FontChinese = new Font(bf, 12, Font.NORMAL,textColor);
		   FontHeader = new Font(bf,18,Font.BOLD,textColor);
		RtfWriter2.getInstance(document, new FileOutputStream(path)); 

		document.open(); 
//		 add a word 
//		document.add(new Paragraph("exportTitle",FontChinese)); 
//		 add a table 
		
		
		   
		t=new Table(8);
		t.setBorderColor(borderColor);//边界颜色
		t.setPadding(0);	
		t.setSpacing(0);//单元格的边界
		t.setBorderWidth(2);//table的边界

		//float[] width = {0.17f,0.33f,0.17f,0.33f};
		float[] width = {6.25f,10.75f,13f,20f,6.25f,10.75f,13f,20f};
		t.setWidths(width);	//设置列宽度比例
		
		Paragraph p = new Paragraph("软件问题报告单",FontHeader);
		p.setAlignment(Element.ALIGN_CENTER);	//设置段落为居中对齐
		
		Cell c=new Cell(p);
		c.setVerticalAlignment(Element.ALIGN_CENTER);		//设置表格中的内容为垂直居中
		c.setHeader(false);
		c.setColspan(4);
		c.setRowspan(4);
		c.setBackgroundColor(headColor);
		c.setUseBorderPadding(true);
		t.addCell(c);
		createCell("软件名称",2,2);
		createCell()//......
		document.add(t); 

		document.close(); 
}catch (Exception e) {
			e.printStackTrace();
		}
					
}


 

 

ssj234
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript打印九九乘法表
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-30 2178
JavaScript打印九九乘法表
JavaScript循环打印案例
SDXYGZH的博客
08-12 1453
js——打印九九乘法表/打印n行n列*/打印倒三角形
selenium利用javascript进行自动打印网页为PDF
qq_65932616的博客
12-05 2396
selenium爬取页面的时候有时需要保持页面为PDF格式 并且不能使用pdfkit 模块(有的网址限制必须浏览器打开)
javaScript实现网页表格打印功能
热门推荐
红桃峰峰 的博客
12-22 1万+
一、首先，新建一个html文件，在html中导入js文件，如下： js中的代码如下： var CreatedOKLodop7766=null; //====判断是否需要安装CLodop云打印服务器:==== function needCLodop(){ try{ var ua=navigator.userAgent; if (ua.match(/Windows\sPhone/
JavaScript网页打印国际象棋棋盘
01-01的博客
09-14 2616
主要用到document对象，即document.writeln()方法，以及HTML的表格。 此处使用HBuilder编译。 document.writeln(""); for(var i = 1;i<=8;i++){ document.writeln(""); for(var j = 1;j<=
JavaScript打印三角形
小高今天早睡了吗？
12-10 2964
利用JavaScript打印三角形！ 1.直角三角形 ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ // i 控制行数 for(var i = 0 ; i < 5 ; i++) { // 打印星星,星星的个数跟行数一样 for(var j = 0 ; j <= i ; j++) { document.write('*') } // 打印换行
JavaScript打印乘法表
2401_83720143的博客
07-11 1244
说明：打完代码按（ctrl + s）保存，后按（Alt+B）进入网页，并在网页输入要打印的为几 阶乘法表，（图中所表示的时九阶乘法表）然后按F12则可以查看输出了。
使用JavaScript打印九九乘法表
qq_43694019的博客
05-13 1494
使用静态网页三剑客打印带边框的九九乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打印九九乘法表</title> </head> <body> <style> td{ border:1px solid ; } </style> <scri
javascript实现批量打印
n1234567896的博客
06-17 9511
<div onclick="print()">打印</div> <iframe src="http://10.66.42.22:3000/iframePrint.html" frameborder="0" id="iframePrint" style="display:none;"> </iframe>
JavaScript打印页面的出错异常与IE调用其他网页
u014695938的博客
11-13 1098
try语句用来运行代码，当代码有错误发生时，则转到catch语句继续执行。在catch语句中，使用“e.description”获取错误信息的描述，然后通过“document.write”方法，将错误信息显示在页面上。
Javascript打印网页部分内容的脚本
10-30
因此，了解如何使用JavaScript来实现打印指定网页部分内容的功能变得尤为重要。 首先，介绍JavaScript中的window.print()方法。这是最基础的浏览器端打印控制方法，它能够调用浏览器的打印功能，实现对当前网页的...
JavaScript打印网页指定区域的例子
10-26
本文详细介绍了使用JavaScript打印网页指定区域的技术原理和实现方法。在网页设计和内容展示中，经常会遇到需要打印特定内容的需求，例如打印一张发票、一个表格或某个页面上的特定部分。传统的网页打印方法通常会...
利用javascript实现网页打印
10-28
JavaScript是Web开发中的一种重要脚本语言，它允许开发者在客户端执行动态操作，包括与用户的交互、数据处理以及，如本题所示，实现网页打印功能。网页打印是将网页内容输出到打印机或创建PDF文档的过程，这对于用户...
网页打印 javascript
12-29
总结起来，JavaScript 在网页打印中的应用主要涉及到以下几个方面： 1. 使用 `window.print()` 方法启动打印。 2. 定义和提取特定的HTML片段进行打印，通过搜索特定的标记。 3. 隐藏和显示元素以控制打印内容。 4. ...
JavaScript 实现打印,打印预览,打印设置
10-24
在网页设计中，经常会遇到需要将网页内容打印出来或者在打印前进行预览的需求。本文将介绍如何使用JavaScript实现打印、打印预览和打印设置的功能，并提供相关的示例代码，帮助开发者更好地理解这些操作的实现方式。...
nginx-1.24.0.tar
09-06
Nginx 1.24.0 是 Nginx 开源项目发布的一个重要更新版本，该版本在性能优化、功能增强以及安全性提升方面带来了诸多改进。当您下载 Nginx 1.24.0 的压缩包时，您将获得一个包含 Nginx 源代码的压缩文件，通常命名为 nginx-1.24.0.tar.gz（对于 GNU/Linux 和 macOS 系统）或类似的格式，具体取决于发布平台。 这个压缩包包含了编译 Nginx 服务器所需的所有源代码文件、配置文件模板（如 nginx.conf）、模块源码以及构建和安装说明。通过解压这个压缩包，您可以在支持 C 语言编译器的操作系统上编译并安装 Nginx 1.24.0。 Nginx 1.24.0 引入了一系列新特性和优化，可能包括但不限于对 HTTP/2 和 HTTP/3 协议的进一步支持、性能提升、新的模块或模块更新，以及对已知安全漏洞的修复。这使得 Nginx 能够在保持其作为高性能 HTTP 和反向代理服务器的声誉的同时，继续满足不断发展的网络需求。
智能化病虫害标注系统前端.zip
09-06
图像识别技术在病虫害检测中的应用是一个快速发展的领域，它结合了计算机视觉和机器学习算法来自动识别和分类植物上的病虫害。以下是这一技术的一些关键步骤和组成部分： 1. **数据收集**：首先需要收集大量的植物图像数据，这些数据包括健康植物的图像以及受不同病虫害影响的植物图像。 2. **图像预处理**：对收集到的图像进行处理，以提高后续分析的准确性。这可能包括调整亮度、对比度、去噪、裁剪、缩放等。 3. **特征提取**：从图像中提取有助于识别病虫害的特征。这些特征可能包括颜色、纹理、形状、边缘等。 4. **模型训练**：使用机器学习算法（如支持向量机、随机森林、卷积神经网络等）来训练模型。训练过程中，算法会学习如何根据提取的特征来识别不同的病虫害。 5. **模型验证和测试**：在独立的测试集上验证模型的性能，以确保其准确性和泛化能力。 6. **部署和应用**：将训练好的模型部署到实际的病虫害检测系统中，可以是移动应用、网页服务或集成到智能农业设备中。 7. **实时监测**：在实际应用中，系统可以实时接收植物图像，并快速给出病虫害的检测结果。 8. **持续学习**：随着时间的推移，系统可以不断学习新的病虫害样本，以提高其识别能力。 9. **用户界面**：为了方便用户使用，通常会有一个用户友好的界面，显示检测结果，并提供进一步的指导或建议。 这项技术的优势在于它可以快速、准确地识别出病虫害，甚至在早期阶段就能发现问题，从而及时采取措施。此外，它还可以减少对化学农药的依赖，支持可持续农业发展。随着技术的不断进步，图像识别在病虫害检测中的应用将越来越广泛。
Python 小游戏 （贪吃蛇、五子棋、扫雷、俄罗斯方块）
最新发布
09-06
python
MATLAB/simulink 电力系统之变压器仿真-变压器空载运行仿真，磁通饱和+励磁电流
09-06
MATLAB/simulink 电力系统之变压器仿真- 变压器空载运行仿真，磁通饱和+励磁电流
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值