1.JavaScript局部打印
<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />
可以用样式控制,你想让那块打印就打印啊,样式如下:
<style type="text/css" media=print>
.noprint{display : none }
</style>
然后使用样式就可以:
<p class="noprint">不需要打印的地方</p>
=============================================================
2:组件法
WebBrowser是IE内置的浏览器控件,无需用户下载.
一、WebBrowser控件
<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>
二、WebBrowder控件的方法
//打印
WebBrowser1.ExecWB(6,1);
//打印设置
WebBrowser1.ExecWB(8,1);
//打印预览
WebBrowser1.ExecWB(7,1);
关于这个组件还有其他的用法,列举如下:
WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销,有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:把不想打印的部份隐藏起来:
样式内容:
<style type="text/css" media=print>
.noprint......{display : none }
</style>
然后使用样式就可以:
<p class="noprint">不需要打印的地方</p>
代码如下:
<script language="javascript">
function printsetup()......{
// 打印页面设置
wb.execwb(8,1);
}
function printpreview()......{
// 打印页面预览
wb.execwb(7,1);
}
function printit()
......{
if (confirm('确定打印吗?')) ......{
wb.execwb(6,6)
}
}
</script>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">
3:
JS 实现简单的页面局部打印
function preview(oper)
......{
if (oper < 10)......{
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else ......{
window.print();
}
}
使用很简单 将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->
再加个打印按纽 onclick=preview(1)
原文:http://blog.chinaunix.net/u/26845/showart_1087849.html
分享到:
相关推荐
打印预览" onclick='document.all.WebBrowser.ExecWB(7,1)' /> function dayin() { if (window.confirm("确认打印?")) { // 隐藏不需要打印的部分 $("#list_table_1 tr:last-child").css("display", "none")...
var previewWin = window.open('', '打印预览', 'width=800,height=600'); previewWin.document.write(content); previewWin.document.close(); } ``` 最后,`jsprint`或类似的库,如`jsPDF`,可以帮助处理更...
JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法: 第一种方法:使用CSS隐藏不打印内容 在这个方法中,我们可以使用CSS来隐藏不需要打印的...
JS实现浏览器打印和打印...以上知识点覆盖了在现代网页中实现打印和打印预览功能所需的前端技术,包括JavaScript内置方法、页面标记、第三方库等。开发者可以根据这些知识点来设计和实现符合自己网站需求的打印功能。
总的来说,实现Chrome浏览器的打印预览和打印功能,主要涉及JavaScript的`window.print()` API,以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源,开发者可以更好地掌握...
在网页开发中,预览和打印功能是必不可少的,尤其对于提供信息展示或者报表的网站。本主题将详细探讨如何在HTML和JSP页面中实现这两种功能,包括整体页面的预览和打印以及局部元素(如表格和文档)的处理。 首先,...
在IT行业中,打印预览是一项重要的功能,它允许用户在实际打印之前查看文档或页面的外观,确保格式正确,避免浪费纸张和墨水。在这个示例中,我们将深入探讨打印预览的基本概念、实现原理以及相关的编程技术。 打印...
在上面的代码中,我们使用了 ExecWB() 函数来实现打印、打印预览和页面设置的功能。ExecWB() 函数可以执行多种操作,例如打开、新建窗口、保存网页、打印、打印预览等。 二、使用 document.execCommand() 函数实现...
总之,Web打印和打印预览是提高用户体验的重要环节,开发者需要关注页面的可打印性,合理利用CSS和JavaScript来实现理想的效果。而DLPrinter这样的工具或库则能进一步提升打印功能的专业性和定制化程度。
使用 JavaScript 可以实现打印预览和设置打印纸张大小,但这需要使用 IE 的 WebBrowser 控件。 二、解决方法 1. 使用 JavaScript 实现打印预览 首先,需要使用 JavaScript 获取当前页面的 HTML 代码,并将其截取...
在打印预览和打印过程中,我们可以利用iframe来加载需要打印的页面,并对其进行控制。 1. 创建iframe: 在JavaScript中,可以通过`document.createElement('iframe')`创建一个iframe元素。然后,为其设置`src`属性...
当用户点击这个按钮时,浏览器会显示打印预览,准备进行打印操作。但仅仅这样是不够的,我们通常需要对打印内容进行定制,比如隐藏某些元素或者调整样式以适应打印媒介。 在CSS中,我们可以使用媒体查询(Media ...
总结来说,实现“WEB应用程序,不预览,直接打印”涉及到JavaScript编程、CSS媒体查询、第三方打印组件(如LODOP)的集成以及充分的测试和优化。通过这些技术,我们可以构建出高效且用户体验良好的Web打印功能。
在讨论如何使用JavaScript实现打印页面设置和打印预览之前,我们先来了解一下在Web开发中实现打印功能的基本原理和方法。在浏览器中,打印功能通常涉及到页面元素的打印、页面设置以及预览打印效果。 在Web前端开发...
6. **渲染引擎**:对于Web应用,打印预览可能需要HTML、CSS和JavaScript的渲染引擎。比如,WebKit和Blink引擎可以用于将网页内容转换为打印格式。 7. **用户交互**:预览界面应提供设置选项,如纸张大小、方向...
本文将基于提供的示例代码来详细介绍如何在 JSP 页面中实现打印、打印预览以及打印设置等功能。 #### 一、HTML 控件的使用 在 HTML 中,可以通过内嵌 ActiveX 控件的方式实现页面打印功能。下面的代码片段展示了...
本文将深入探讨如何使用JavaScript来实现跨浏览器的打印预览功能,特别是针对IE、谷歌Chrome和火狐Firefox这三大主流浏览器。 首先,我们需要理解JavaScript的`window.print()`方法,这是最基本的打印功能。它会...
### JavaScript打印方法:基于浏览器的详细代码示例 在网页开发中,JavaScript提供了一系列方法来实现页面内容的打印功能,这对于需要用户能够方便地将页面信息打印出来的应用场景尤为重要。本文将深入探讨几种常见...
- **用户体验**:提供明确的打印指示,让用户知道如何触发打印预览和实际打印,避免造成困扰。 在提供的压缩包文件中,包含了“jQuery Print”打印插件的相关资源,可能包括插件的JavaScript文件、示例代码或文档。...
总的来说,实现ASP.NET打印预览涉及前端和后端的协同工作,需要理解HTML、CSS、JavaScript以及ASP.NET服务器端编程。通过提供的项目文件,你可以深入研究代码实现,学习如何在实际应用中实现这一功能。