<!--打印的实现1:start--><input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /><!--将不需要打印的部分,标记为 class="noprint" --><style type="text/css" media=print>.noprint{display : none }</style><p class="noprint">不需要打印的地方</p><p>打印的部分</p><!--打印的实现1:end--> <!-- ************************* 2011-09-28更新了代码 **************************** --> <!--...
doPrint:function(){var headhtml = "<html><head><title></title></head><body>";var foothtml = "</body>";// 获取div中的html内容// var newhtml = document.all.item(printpage).innerHTML;// 获取div中的html内容,jquery写法如下var newhtml = $("#printdeliveryView").html();// 获取原来的窗口界面body的html内容,并保存起来var oldhtml = document.body.innerHTML;// 给窗口界面重新赋值,赋自己拼接起来的html内容docum...
这篇文章主要介绍了关于web 打印功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下在项目开发中有时候会碰到要求打印页面中的数据的功能需求。需求原因主要有两点吧,一是需要打印的数据只是页面的一部分即页面的区域打印,比如只需要打印页面中表格里面选中的数据等,二是需要打印出来的样式和页面展示的样式有差别,比如需要将表格中的列竖着打印出来。 我在开发中主要用到的就是window.print()这个js函数...
代码如下: @media print{ .print {display:block;} .notPrint {display:none;} } function preview() { bdhtml=window.document.body.innerHTML; sprnstr=""; eprnstr=""; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; window.print(); } ------------- 使用JS打印, 看代码 代码如下: function preview() ...
中国绿色厨房计划@media print{.noprint{display:none}
}function printsetup(){// 打印页面设置wb.execwb(8,1);
}
function printpreview(){// 打印页面预览wb.execwb(7,1);
}
function printit(){if (confirm('确定打印吗?')){wb.ExecWB(6,1)//wb.execwb(1,1)//打开//wb.ExecWB(2,1);//关闭现在所有的IE窗口,并打开一个新窗口//wb.ExecWB(4,1)//;保存网页//wb.ExecWB(6,1)//打印//wb.ExecWB(7,1)//打印预览//wb.ExecWB(8,1)/...
本文实例讲述了JavaScript调用浏览器打印功能的方法。分享给大家供大家参考。具体如下:
1. 通用型,支持IE,Firefox,Chrome... 代码如下:window.print();
2. 只支持IE打印:var print=function(){
/*** 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) 查看页面...
直接上代码index......文本打印区域............文本打印区域............文本打印区域............文本打印区域............文本打印区域...... 代码 jquery.PrintArea.min.js:(function(c){function g(){var b=""+d.popTitle+"";c(document).find("link").filter(function(){return"stylesheet"==c(this).attr("rel").toLowerCase()}).filter(function(){var a=c(this).attr("media");return void 0==a!1:""==a.toLowerCase(...
前言
很久没有写博客了(大概有4个月的样子了吧),从2015年8月份开始一直忙于公司的系统,直到2016年6月底全部上线;包含4个厂区,每个厂区都是上千人的规模,而负责搞这个项目的算上我只有2个人,说多了都是泪:
美工?没有
测试人员?没有
DBA?没有
架构师?没有
运维?继续没有
估计大家都没遇见过这样的工作吧?哈哈.
历经艰难、跟各个部门(IE、PE、生产、PMC、QA等)唇枪舌战、好在在6月底总算是全部上线,总算是一点欣慰,毕竟...
最近做项目需要打印快递单,在网上搜索了一下发现直接给出代码的比较少。
首先说一下js网页打印的几种方法:
1.window.print()
会弹出打印对话框
2.使用html 标签引入Webbrowser控件
这种方式是其只兼容IE10以下的浏览器,其他浏览器不可使用
3.document.execCommand(”print”)
类似window.print() **4.采用JQuery插件
5.用浏览器打印第三方插件如lodpod等**
由于我这边不需要兼容ie10以下,而且个人不喜欢在react项目中引入jq...
最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题。
1.但是网上好多案例都不支持分页功能,最后通过CSS的page-break-after:always样式解决分页问题,以下代码纯个人编写,有需要的朋友可以直接复制到网页中使用,转载请注明出处,谢谢!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...
在调用window.print()时,可以实现打印效果,但内容太多时要进行分页打印。
在样式中有规定几个打印的样式
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。
每个打印属性都可以设定4种设定值:auto、always、left和right。其中Auto是默认值,只有在有需要时,才需设定分页符号 (Page breaks)。
page-break-before若设定成always,则是在遇到特定的组件时,打印机...
打印整个页面
示例1.
可直接在按钮添加调用打印方法:
<input type='button' value='打印整页' onclick='javascript:window.print();' />
示例2.
也可调用JS方法
<html>
<head>
<script type="text/javascript">
function printpage(){window.print()}
</script>
</head>
<body>
<input type="button" value="Print this page"
onclick="printpage()" />
</body>
</html>
关于window.print()方法
print() 方法用于打印当前窗口的内...
做过很多的Web项目,大多数在打印页面内容的时候,采用的都是通过Javascript调用系统内置的打印方法进行打印,也就是调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。打印的效果及控制性虽然不是很好,但是也能勉强使用,应付一般的打印还是可以的了。代码如下所示:
代码
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//调用PrintControl.ExecWB(?,?)实现直接打...
使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下:
<style type="text/css" media="print">
#header,.top_title,#jqprint,#footer,#cssprint h3{display:none}
</style> 用jQuery打印插件printArea.js
$(function(){
$("#print_btn").click(function(){
$("#my_area").printArea();
});
}); DEMO中...
直接上代码<!DOCTYPE html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>index</title>
</head>
<body><div style="text-align:center; margin-top: 30px"><div id="printArea"><div>......文本打印区域......</div><div>......文本打印区域......</div><div>......文本打印区域......</div><div>......文本打印区域......</div><div>......文本打印区域......</div></div> <br><b...