jquery print 插件打印插件print are...

web的打印方法具我自己懂得知道的有:
1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式
JQuery插件Jqprint实现:
首先要导入js文件:
jquery.jqprint.js下载
&script language=&javascript& src=&jquery-1.7.1.min.js&&&/script&
&script language=&javascript& src=&jquery.jqprint.js&&&/script&html代码:
&div class=&my_show&&
这个打印时是显示的
&div class=&my_hidden&&
这个打印时是隐藏的。
&input type=&button& id=&print&/&
javascript代码:
&script type=&text/javascript&&
$(document).ready(function() {
$(&#print&).click(function(){
$(&.my_show&).jqprint();
该插件还提供了一些参数可配置:&
debug: false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$(“link[media=print]“),若没有会去找$(“link”)中的css文件)
printContainer: true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
而我自己使用到的只有importCSS:原始页面中的链接将导入到 iframe。第一次它媒体 searchs = 打印,如果没有,将导入的正常的 css 文件。
importCSS示例:
$('.my_show').jqprint({
importCSS://CSS样式文件
jquery.PrintArea.js下载
&script language=&javascript& src=&jquery-1.7.1.min.js&&&/script& &script type=&text/javascript& src=&jqu
wed的打印方法具我自己懂得知道的有: 1、JQuery插件Jqprint实现 2、JQery打印插件PrintArea实现网页打印 3、CSS控制网页打印样式
JQuery插件Jqprint实现: 首先要导入js文件: jquery.jqprint.js下载
&scriptlanguage=&javascript&src=&jquer
首先定义css样式:
@media print { .noprint { display:color:green } }
对于不想打印的内容只用在标签中加上 class=noprint即可,打印的时候客户也不会看到页面任何变化。 打印时调用 window.print();
另外几种js局部打印的方法: 移花接木: 打印的时候,把需要打印的内容替换成整个bo
js或jquery实现页面打印(局部打印)
1、js实现(可实现局部打印)
&html& &title&js打印&/title& &head&&/head&&body& &input id=&btnPrint& type=&button& value=&qu
很多新闻和信息站点都提供了一种生成便于打印的网页的方法,所产生的页面的排版布局更有利于打印机的打印输出,这种方法方便了我们从网页上直接打印我们所需的内容,而不必为格式不规整伤脑筋,或者粘贴到文本编辑器中重新排版。然而,我却没看到有多少网站详细解释这些是如何实现的,在这里我提供一小段代码——用PHP来实现生成便于打印的网页并不是像想象的那么难,希望对大家有帮助。
要生成便于打印的网页,需要我们做哪
最近做到了web页面课程表打印时,上网找了一些资料,最后使用了下面的方法实现了我需要的功能。将需要打印的课程表的table放入div标签中,然后指定出需要打印的区域,最后调用window.print打印指定内容。 示例代码(代码中有些内容已省略)
function preview() {
bdhtml = window.document.b
1.首先引入一个WebBrowser在需要打印的页面,可以直接添加:
&object id=&WebBrowser& classid=CLSID:A-11D0-A96B-00C04FD705A2 height=&0& width=&0&& &/object&
我们知道javascript可以用alert输出变量的值,但是有时候返回的是一个对象,json格式的数据,jQuery可以用这个方法循环遍历读出对象的值,假如这个对象名称是obj,循环遍历打印它的值:
$.each(obj,function(key,val){
if($.isPlainObject(v
过程很简单: 首先在asp.net页面中设定开始打印和结束打印的标记,为了确保该标记不在网页浏览时显示,我们采用&&!-- HTML注释 --&&的方式。比如:&!--startprint--&和&!--endprint--&。 接着写相关的JavaScript代码,具体代码见后。 如果不想打印按钮也被打印出来,注意将打印按钮包含在&!
iOS实现连接打印机,打印一段字符串 问题描述:我想要再ipad程序里面,用代码给打印机发送一段字符串,然后打印。
具体情况是这样的,现在想要用wifi连接到打印机,然后给打印机发送一个字符串去打印。但是问题是不知道如何连接打印机,也不知道如何给打印机发送消息。其中打印机和ipad在同一个局域网下,想用socket通过打印机的ip地址进行传送要打印的内容。
更多解决方法见:http://a
  打印是我们在日常工作生活中,经常用到的操作。不过一些MAC用户在使用MAC打印文件时,却发生了各种各样的问题,这些问题该如何解决呢?现在就让小编来帮你们想想办法吧。一般出现打印的问题通常和内存、设置打印机、PostPcript、AppleTalk控制板、选配器、字体等等有关。请你按照,下面的方法一步步查找,并解决。
  如果你在打印时,出现PostPcript报错的信息   (1)关闭你的打
本节内容:JQuery、CSS操作打印样式。 一、添加打印样式 1,为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css:
&link rel=&stylesheet& href=&css/mainstylesheet.css& media=&screen& /&
在IE9中打印没有问题,但IE6、7、8都会出现前几页空白的情况(只显示列头信息),找了很久,才发现是ui-jqgrid-bdiv样式类(在ui.jqgrid.css内)中的overflow引起的,在打印之前将其删除,打印之后将其恢复即可。 打印时的CSS样式如下:
&style type=&text/css& media=&print&q
今天要做一个打印网页的小功能,直接调用window.print(),但是打印出来后,字体总是缩小一号,找不到原因。。。
后来尝试用一个IE的打印控件,但仅支持ie有点恶心,只能返回去继续找原因
原来,我要打印的页面因为是哥弹出层,所以出现这种现象,后来直接target=&_blank&,就可以正常打印了。
function preview()
1、程序说明1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印;2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数:
function do_print(id_str)//id-str 打印区域的id { var el = document.getElementById(id_str);
正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript: JavaScript代码
&script language=javascript& function doPrint() { bdhtml=window.document.body.inn
JavaScript打印页面指定div区域原理:使用window.open()在浏览器打开一个新的页面(window), 使用 window.document.write()将指定div区域的内容写入新窗口文档,document.close()关闭文档,使用window.print()调用打印机打印当前文档。 JavaScript打印函数myPrint(obj):
应用web化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于web的应用,客户端的规则很简单,容易学习,容易维护,容易发布。但对程序员来说,因为浏览器的局限性,却要面对很多挑战。怎么样来进行基于web的套打,就是这么一个令多数程序员头痛不已的问题。 基于web的套打,难度在于要将浏览器中呈现的html,精确地打印到票据中,而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打
打开IE浏览器。
待网页打开后,在网页的空白处点击右键,弹出如下选择栏,鼠标选择“打印”选项。
点击“打印”后会弹出如下对话框
选择好打印机后,选择打印。
网页就打印好啦。
现在的打印机基本上都拥有双面打印的功能,但一般情况下都是默认打印单面的。既然拥有双面打印的功能,我们就要物尽其所。这里以WinXP系统为例,介绍操作方法。
  XP系统打印机不可双面打印怎么办
  1、点击屏幕左下角的“开始”菜单,选择“打印机和传真”项;
  2、在打开的“打印机和传真”窗口中,右击需要设置的、拥有双面打印功能的打印机;
  3、在弹出的对话框中选择“Device Opt
第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。 细如下:
&style media=print type=&text/css&& .noprint{visibility:hidden} &/style&
要打印的内容。哈哈!
&p class=&noprint
最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法:
$(&div#printmain&).printArea();
但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页
&div style=&page-break-after:&&&/div>
前一段时间听朋友说起过打印网页的一些方法,在安静的夜晚,听着歌曲无意间发现了几段代码,帖出来跟大家分享一下。
因为我从来没有打印过网页,而且也没有打印机,具体的效果也不是很清楚,测试打印成PDF是正常的,就第二种在弹出设置窗口比第一跟第三种方法多了点。
注意:第二种方法的控件需要IE5.5+的支持,而且因为使用了控件,如果客户端IE的安全性设置过高,将无法正常运行。 特别提示&nb
B/S结构导致了Web应用程序中打印的特殊性。   o 程序运行在浏览器中,打印机在本地,而文件确可能在服务器上,导致了打印控制不是很灵活。   o 格式如何控制和定制等,是我们开发中可能会面对的问题。    打印文档的生成   o 1、客户端脚本方式   一般情况下,主要使用JS 可以分析源页面的内容,将欲打印的页面元素提取出来,实现打印。通过分析源文档的内容,可以生成打印目标文档。   优点:
本文实例讲述了codeigniter发送邮件并打印调试信息的方法。分享给大家供大家参考。具体如下: 这里的codeigniter代码实现发送邮件并打印调试信息的功能,用codeigniter自带的邮件发送库发送邮件
$this-&load-&library('email' ); $this-&email- &from(' you@example. com' , ' Yo
打印机是很多人日常会用到的设备之一,但是在使用过程中总是会遇到一些问题,比如最近有用户说他的打印机一直出现正在删除或者正在打印机的现象,删除不了也打印不掉,出现这样的原因主要是因为第一个文件没有正常的输出打印,所以就会导致后面的文件也无法打印了,要如何解决呢?下面跟大家分享一下解决win7系统中打印机显示“正在删除”或“正在打印”的方法吧。 打印机显示“正在删除”或“正在打印”的解决方案:   方
使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。 详细如下:
&style media=print type=&text/css&& .noprint{visibility:hidden} &/style& 要打印的内容。哈哈! &p class=&noprint&&g
android 如何实现连接蓝牙打印机来实现打印功能
本帖最后由 houyu_1983 于
16:18:09 编辑
目前,android如何实现连接蓝牙打印机来实现打印功能,请大侠来指点,
是否要遵循什么协议标准,还是有设备提供商会提供打印的sdk,
我们做android开发的,要怎么做。
------解决思路--------------------
打印的效果及控制性虽然不是很好,但是也能勉强使用,应付一般的打印还是 可以的了。 代码如下所示: 代码
//调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。(直接用系统提供的print()方法打印无法隐藏某些区域) //preview:是否显示预览。null/false:不显示,true:显示 function printPage(previe
java抓取网页,打印时乱码 下面的方法是把网页保存到SD卡一个文件中,打开时没有乱码,打印时却有乱码。
//将页面保存到本地文件夹
publicvoiddoWrite(Stringurl_str)
1.正常的取消打印任务的方法是:双击屏幕右下角任务栏里的打印机图标,然后在弹出窗口的列表中相应打印任务上点右键就可以完成“取消任务”。 2.但往往会有在多次连续进行打印操作时,会出现列表中的打印任务无法完成,而按上述方法步骤又取消不了任务的情况,这时往往我们采用重启打印机来解决。 3.最糟的就是重启打印机后,仍然无法取消打印任务,这时我们只能重启计算机了(我之前就是这样做的)。
针对3的解决办
Mac怎么打印文件?设置打印机之后,用户到底该怎么打印文件呢?又怎么利用mac打印pdf文件呢?其实很很简单,您只需从可以打印的任何 app 中选取“文件”&“打印”。您还可以按 ?P (Command-P) 快捷键。打印文稿时,OS X 会显示打印表单,您可以从中为打印作业设置其他选项。下面就和脚本之家小编一起来看看Mac打印文件的详细教程吧。
基本打印表单提供以下选项: 从“打印机”弹
方法一: 使用 HP 打印机***向导
如果您在 Windows 8 发布前购买打印机,那么您的产品所附带的光盘上可能没有最新的打印机驱动程序; 但是,您可以使用 HP 打印机***向导轻松找到和下载最新的打印机驱动程序。“打印机***向导”是一款可以自动为您的 HP 打印机找到最佳 Windows 8 驱动程序的工具。
注意: 打印机***向导不适用于所有 HP 打印机,仅适用于 Windows 7
一般打印就用window.print();就OK了 但是一般都是选择性打印所以会调用方法:
function preview() { bdhtml=window.document.body.innerHTML; sprnstr=&&!--startprint--&&; eprnstr=&&!--endprint--&&qu
  在Windows8系统下***打印驱动时,系统选择自动***,这样经常会出现***不适用新系统,只能重新卸载***,但是在Windows8系统中,很多用户不知道怎么去卸载这个打印驱动,下面让小编告诉你具体的步骤吧。   Windows8系统卸载打印机驱动的方法:   1、“开始”-“设备和打印机”,随便选择一个打印机图标,选择”打印机服务器属性”;      2、单击”打印服务器属性”--”驱动程序”,
window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢?
window.print打印指定div 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。
&html& &head& &script language=&javascript&& function printdiv
  本文将教大家在win7下怎样***打印服务器。   如果您之前从未使用过打印机,现在想要通过打印服务器来实现共享打印机,您需要按照以下的步骤来添加一个打印机端口并***打印机的驱动。   1.选择开始 --控制面板 ,然后选择查看设备和打印机 。
  2.点击添加打印机 。
  3.选择添加本地打印机 。
  4.选择创建新端口 ,端口类型选择Standard TCP/IP Port 后选择
为了避免这种现象,我们可以在Windows7系统中下载***PrintConductor工具,日后通过该工具就能不打开文档内容而直接进行批量打印操作了,这种打印方式可以极大提升打印效率。   功能***后PrintConductor工具,从Windows7系统“开始”菜单中启动运行该程序,点击主程序界面中的“Add Documents to the list”工具栏按钮,添加文档列表界面,将需要批量打
ie自带的有Active控件,但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小、字体之类)。
&script type=&text/javascript&& ///*********************** ///打印指定区域页面 ///说明:obj?通过getEl
一般正在打印的任务取消是很不好取消的!我每次点取消,打印程序就死掉,没有响应! 下面整理了几种方法供应大家参考一下!喜欢的朋友下载吧!!!1.正常的取消打印任务的方法是:双击屏幕右下角任务栏里的打印机图标,然后在弹出窗口的列表中相应打印任务上点右键就可以完成“取消任务”。2.但往往会有在多次连续进行打印操作时,会出现列表中的打印任务无法完成,而按上述方法步骤又取消不了任务的情况,这时往往我们采用重1.首先引用jquery.printArea.js脚本文件。
2.&div id=&print&&需要打印的内容&/div&
$(&#print&).printArea();
注意:1.如果打印样式有问题的话,可以自定义一个样式文件,然后引用这个样式文件,例如:&link rel=&stylesheet& href=&../../../../css/print/print.css& media=&print& /&
& & & & & & &2.样式问题解决了,有些ie版本会把屏幕下的所有页面都打印出来,解决方案是:
(function($) {
$.fn.printArea = function() {
var ele = $(this);
var printCss = '';
$(document).find(&link&).filter(function() {
return $(this).attr(&rel&).toLowerCase() == &stylesheet&;
function() {
printCss = printCss + '&link type=&text/css& rel=&stylesheet& href=&' + $(this).attr(&href&) + '& &';
var printContent = '&div class=&' + $(ele).attr(&class&) + '&&' + $(ele).html() + '&/div&';
var windowUrl = 'about:blank';
var uniqueName = new Date();
var windowName = 'Print' + uniqueName.getTime();
var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');
var BodyHtml = '&body&';
var BodyEnd = &&/body&&;
printWindow.document.write(printCss + BodyHtml + printContent + BodyEnd);
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();
})(jQuery);
将上面的js语句完全覆盖jquery.printArea.js里边的内容。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:395次
排名:千里之外(function ($) {
var printAreaCount = 0;
$.fn.printArea = function () {
var ele = $(this);
var idPrefix = "printArea_";
removePrintArea(idPrefix + printAreaCount);
printAreaCount++;
var iframeId = idPrefix + printAreaC
var iframeStyle = 'position:width:0height:0left:-500top:-500';
iframe = document.createElement('IFRAME');
$(iframe).attr({
style: iframeStyle,
id: iframeId
document.body.appendChild(iframe);
var doc = iframe.contentWindow.
$(document).find("link").filter(function () {
return $(this).attr("rel").toLowerCase() == "stylesheet";
function () {
doc.write('&link type="text/css" rel="stylesheet" href="'
+ $(this).attr("href") + '" &');
doc.write('&div class="' + $(ele).attr("class") + '"&' + $(ele).html()
+ '&/div&');
doc.close();
var frameWindow = iframe.contentW
frameWindow.close();
frameWindow.focus();
frameWindow.print();
var removePrintArea = function (id) {
$("iframe#" + id).remove();
})(jQuery);
&input type="button" id="btnPrint" value="打印"/&
&div id="printContent"&要打印的内容区域&div&
&script type="text/javascript"&
$(function(){
$("btnPrint").click(function(){ $("printContent").printArea(); });
阅读(...) 评论()web的各种前端打印方法之jquery打印插件jqprint实现网页打印
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
作者: 来源:
web的打印方法具我自己懂得知道的有: 1、JQuery插件Jqprint实现 2、JQery打印插件PrintArea实现网页打印 3、CSS控制网页打印样式 JQuery插件Jqprint实现: 首先要导入js文件: jquery.jqprint.js下载 复制代码 代码如下: &script language="javascript" src="jquery-1.7.1.min.js"&&/script& &script language="javascript" src="jquery.jqprint.js"&&/script&html代码:
复制代码 代码如下: &div class="my_show"& 这个打印时是显示的 &/div& &div class="my_hidden"& 这个打印时是隐藏的。 &/div& &input type="button" id="print"/&
javascript代码: 复制代码 代码如下: &script type="text/javascript"& $(document).ready(function() { $("#print").click(function(){ $(".my_show").jqprint(); }) }); &/script&
该插件还提供了一些参数可配置:
debug: false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$(“link[media=print]“),若没有会去找$(“link”)中的css文件) printContainer: true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。 operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true 而我自己使用到的只有importCSS:原始页面中的链接将导入到 iframe。第一次它媒体 searchs = 打印,如果没有,将导入的正常的 css 文件。 importCSS示例: 复制代码 代码如下: $('.my_show').jqprint({ importCSS://CSS样式文件 });
  推荐阅读
//校验是否全由数字组成 复制代码 代码如下: function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true }
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“&&&
本文标题:
地址:/kaifa2/JS/22520.html
乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。
自媒体专栏
栏目ID=71的表不存在(操作类型=0)

参考资料

 

随机推荐