研究关于利用空闲时间今天Jquery Jqprint插入,用这个Jquery脚本就可以实现轻松打印指定的页面内容功能区:

样品A:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery Jqprint打印控件演示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="javascript" src="./js/jquery-1.6.2.js"></script>
<script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>
<style type="text/css">
html,body{margin:auto 15%;padding:0;}
p{line-height: 18px;}
</style>
<script language="javascript">
function print(){
$("#printContainer").jqprint();
}
</script>
</head>
<body>
<div id="printContainer">
<center><p style="font-size: 21pt;font-weight: bold;">报任安书</p></center>
<p>    太史公牛马走司马迁再拜言。少卿足下:曩者辱赐书。教以慎于接物。推贤进士为务。意气勤勤恳恳。若望仆不相师,而用流俗人之言。 仆非敢如是也。请略陈固陋。阙然久不报。幸勿为过。</p>
<p>    仆之先人。非有剖符丹书之功,文史星历,近乎卜祝之间。固主上所戏弄。倡优畜之,流俗之所轻也。 假令仆伏法受诛。若九牛亡一毛,与蝼蚁何以异?而世又不与能死节者比,特以为智穷罪极,不能自免,卒就死耳。何也?素所自树立使然。 人固有一死,或重于泰山,或轻于鸿毛,用之所趋异也。太上不辱先,其次不辱身,其次不辱理色,其次不辱辞令,其次诎体受辱,其次易服受辱,其次关木索、被棰楚受辱。其次剔毛发、婴金铁受辱,其次毁肌肤、断肢体受辱。最下腐刑极矣! 传曰:“刑不上大夫。 ”此言士节不可不勉励也。猛虎处深山,百兽震恐。及在穽槛之中,摇尾而求食,积威约之渐也。故士有画地为牢。势不入。削木为吏,议不正确。定计于鲜也。今交手足。受木索,暴肌肤,受榜棰。幽于圜墙之中。 当此之时,见狱吏则头枪地,视徒隶则心惕息。何者?积威约之势也。 及以至是。言不辱者,所谓强颜耳,曷足贵乎。且西伯,伯也,拘于羑里;李斯,相也,具于五刑。淮阴。王也,受械于陈;彭越、张敖。南向称孤。系狱具罪;绛侯诛诸吕,权倾五伯。囚于请室;魏其。大将也,衣赭衣、关三木;季布为朱家钳奴。灌夫受辱居室。此人皆身至王侯将相,声闻邻国,及罪至罔加。不能引决自裁,在尘埃之中。古今一体。安在其不辱也。此言之,勇怯,势也。强弱,形也。审矣,何足怪乎?且人不能早自裁绳墨之外。已稍陵迟,至于鞭棰之间,乃欲引节,斯不亦远乎! 古人所以重施刑于大夫者。殆为此也。</p>
<p>    夫人情莫不贪生恶死。念亲戚,顾妻子;至激于义理者不然。乃有所不得已也。今仆不幸,早失父母,无兄弟之亲,独身孤立,少卿视仆于妻子何如哉?且勇者不必死节,怯夫慕义,何处不勉焉! 仆虽怯懦。欲苟活。亦颇识去就之分矣,何至自沉溺累绁之辱哉。且夫臧获婢妾,犹能引决。况若仆之不得已乎?所以隐忍苟活,幽于粪土之中而不辞者,恨私心有所不尽。鄙陋没世。而文採不表于后也。 </p>
<p>    古者富贵而名摩灭,不可胜记。唯倜傥很之人称焉。盖西伯拘而演《周易》;仲尼厄而作《春秋》。屈原放逐,乃赋《离骚》。左丘失明。厥有《国语》;孙子膑脚。《兵法》修列;不韦迁蜀,世传《吕览》;韩非囚秦,《说难》、《孤愤》;《诗》三百篇,大底圣贤发愤之所为作也。此人皆意有所郁结。不得通其道。故述往事,思来者。 乃如左丘无目,孙子断足,终不可用,退而论书策,以舒其愤,思垂空文以自见。</p>
<p>    仆窃不逊,近自托于无能之辞。网罗天下放失旧闻。略考其行事,综其终始,稽其成败兴坏之纪。上计轩辕。下至于兹,为十表、本纪十二、书八章、世家三十、列传七十,凡百三十篇。亦欲以究天人之际,通古今之变。成一家之言。草创未就。会遭此祸。惜其不成,是以就极刑而无愠色。仆诚已著此书,藏之名山。传之其人,通邑大都。则仆偿前辱之责。虽万被戮,岂有悔哉!然此可为智者道,难为俗人言也。</p>
<p>    且负下未易居,下流多谤议。 仆以口语遇遭此祸,重为乡党所笑,以污辱先人,亦何面目复上父母之丘墓乎?虽累百世,垢弥甚耳! 是以肠一日而九回,居则忽忽若有所亡,出则不知其所往。每念斯耻。汗未尝不发背沾衣也。身直为闺合之臣,宁得自引深藏于岩穴邪?故且从俗浮沉,与时俯仰,通其狂惑。 今少卿乃教以推贤进士,无乃与仆私心剌谬乎?今虽欲自雕琢,曼辞以自饰,无益于俗,不信,适足取辱耳。要之死日,然后是非乃定。 书不能悉意,略陈固陋。谨再拜。</p>
</div>
<center><input type="button" onclick="print()" value="打印文章"/></center>
</body>
</html>

样例二:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery Jqprint打印控件演示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="javascript" src="./js/jquery-1.6.2.js"></script>
<script language="javascript" src="./js/jquery.jqprint-0.3.js"></script>
<style type="text/css">
html,body{margin:auto 15%;padding:0;}
p{line-height: 18px;}
</style>
<script language="javascript">
function print(){
$("#printContainer").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
});
}
</script>
</head>
<body>
<div id="printContainer">
<center><p style="font-size: 21pt;font-weight: bold;">报任安书</p></center>
<p>    太史公牛马走司马迁再拜言。少卿足下:曩者辱赐书,教以慎于接物,推贤进士为务。 意气勤勤恳恳,若望仆不相师,而用流俗人之言。仆非敢如是也。请略陈固陋。阙然久不报,幸勿为过。</p>
<p>    仆之先人。非有剖符丹书之功,文史星历。近乎卜祝之间,固主上所戏弄。倡优畜之。流俗之所轻也。假令仆伏法受诛。若九牛亡一毛,与蝼蚁何以异?而世又不与能死节者比,特以为智穷罪极。不能自免。卒就死耳。何也?素所自树立使然。 人固有一死,或重于泰山,或轻于鸿毛。用之所趋异也。太上不辱先,其次不辱身。其次不辱理色,其次不辱辞令,其次诎体受辱,其次易服受辱,其次关木索、被棰楚受辱。其次剔毛发、婴金铁受辱,其次毁肌肤、断肢体受辱。最下腐刑极矣!传曰:“刑不上大夫。”此言士节不可不勉励也。 猛虎处深山,百兽震恐,及在穽槛之中。摇尾而求食,积威约之渐也。故士有画地为牢。势不入。削木为吏,议不正确。定计于鲜也。今交手足,受木索,暴肌肤。受榜棰,幽于圜墙之中。当此之时,见狱吏则头枪地,视徒隶则心惕息。何者?积威约之势也。 及以至是。言不辱者,所谓强颜耳。曷足贵乎! 且西伯。伯也,拘于羑里;李斯,相也,具于五刑;淮阴。王也,受械于陈;彭越、张敖。南向称孤,系狱具罪;绛侯诛诸吕。权倾五伯,囚于请室;魏其,大将也,衣赭衣、关三木;季布为朱家钳奴。灌夫受辱居室。 此人皆身至王侯将相,声闻邻国,及罪至罔加。不能引决自裁。在尘埃之中,古今一体,安在其不辱也!此言之,勇怯,势也;强弱,形也。审矣,何足怪乎?且人不能早自裁绳墨之外。已稍陵迟,至于鞭棰之间。乃欲引节,斯不亦远乎! 古人所以重施刑于大夫者。殆为此也。 </p>
<p>    夫人情莫不贪生恶死,念亲戚,顾妻子。至激于义理者不然,乃有所不得已也。今仆不幸,早失父母,无兄弟之亲,独身孤立,少卿视仆于妻子何如哉?且勇者不必死节。怯夫慕义,何处不勉焉!仆虽怯懦,欲苟活,亦颇识去就之分矣,何至自沉溺累绁之辱哉!且夫臧获婢妾,犹能引决,况若仆之不得已乎?所以隐忍苟活,幽于粪土之中而不辞者,恨私心有所不尽。鄙陋没世,而文採不表于后也。</p>
<p>    古者富贵而名摩灭,不可胜记,唯倜傥很之人称焉。盖西伯拘而演《周易》。仲尼厄而作《春秋》;屈原放逐,乃赋《离骚》。左丘失明,厥有《国语》;孙子膑脚。《兵法》修列;不韦迁蜀,世传《吕览》。韩非囚秦,《说难》、《孤愤》;《诗》三百篇。大底圣贤发愤之所为作也。此人皆意有所郁结,不得通其道,故述往事,思来者。 乃如左丘无目,孙子断足,终不可用。退而论书策,以舒其愤,思垂空文以自见。</p>
<p>    仆窃不逊,近自托于无能之辞。网罗天下放失旧闻,略考其行事。综其终始,稽其成败兴坏之纪。上计轩辕,下至于兹,为十表、本纪十二、书八章、世家三十、列传七十,凡百三十篇。亦欲以究天人之际,通古今之变,成一家之言。草创未就。会遭此祸。惜其不成,是以就极刑而无愠色。仆诚已著此书,藏之名山,传之其人,通邑大都。 则仆偿前辱之责,虽万被戮,岂有悔哉! 然此可为智者道,难为俗人言也。 </p>
<p>    且负下未易居。下流多谤议。 仆以口语遇遭此祸,重为乡党所笑,以污辱先人,亦何面目复上父母之丘墓乎?虽累百世,垢弥甚耳!是以肠一日而九回,居则忽忽若有所亡,出则不知其所往。 每念斯耻。汗未尝不发背沾衣也。身直为闺合之臣,宁得自引深藏于岩穴邪?故且从俗浮沉。与时俯仰,通其狂惑。 今少卿乃教以推贤进士,无乃与仆私心剌谬乎?今虽欲自雕琢,曼辞以自饰,无益于俗。不信。适足取辱耳。 要之死日。然后是非乃定。书不能悉意。略陈固陋。 谨再拜。 </p>
</div>
<center><input type="button" onclick="print()" value="打印文章"/></center>
</body>
</html>

说明:上面两个样例都须要jquery-1.6.2.js和1jquery.jqprint-0.3.js两个文件,这两个文件能够在以下的下载资源中找到,经測试。该打印插件能够支持全部主流浏览器。

0点资源

版权声明:本文博主原创文章。博客,未经同意不得转载。

Jquery Jqprint—随着Jquery Jqprint实现网页打印的更多相关文章

  1. jQuery背景跟随鼠标移动的网页导航

    首页 PSD模板 CSS模板 特效插件 源码下载 酷站欣赏 建站资源 建站教程 心境之旅 在线留言 设为首页 加入收藏 我要投稿 联系站长 Search     首页 PSD模板 CSS模板 特效插件 ...

  2. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="m ...

  3. 基于jquery和svg超炫的网页动画

    今天给大家分享一款基于jquery和svg超炫的网页动画.这款动画效果非常炫.下面还有重播.慢速.和反向动画按钮.效果非常漂亮.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: ...

  4. 网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)

    在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本 ...

  5. python 全栈开发,Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)

    js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $( ...

  6. jQuery.extend和jQuery.fn.extend的区别【转】

    解释的很有意思,清晰明了又有趣,转来分享下,哈哈哈 jQuery.extend和jQuery.fn.extend的区别,其实从这两个办法本身也就可以看出来.很多地方说的也不详细.这里详细说说之间的区别 ...

  7. JQuery笔记:JQuery和JavaScript的联系与区别

    来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM ...

  8. Jquery(一) 初识Jquery,简单使用Jquery。

    距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...

  9. Jquery 使用和Jquery选择器

    jQuery中的顶级对象($) jQuery 中最常用的对象即 $ 对象,要想使用 jQuery 的方法必须通过 $ 对象.只有将普通的 Dom 对象封装成 jQuery 对象,然后才能调用 jQue ...

  10. jquery接触初级----jquery 选择器

    css 选择器主要有:元素选择器,ID选择器,类选择器,群组选择器,后代选择器,普通配符选择器等,通过css选择,我们可以很方便的给元素添加样式,使网页看起来更加好看 jquery 选择器也有相似的功 ...

随机推荐

  1. 应用层协议系列(两)——HTTPserver之http协议分析

    上一篇文章<抄nginx Httpserver设计与实现(一)--多进程和多通道IO现>中实现了一个仿照nginx的支持高并发的server.但仅仅是实现了port监听和数据接收.并没有实 ...

  2. 乐在其中设计模式(C#) - 组合模式(Composite Pattern)

    原文:乐在其中设计模式(C#) - 组合模式(Composite Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 组合模式(Composite Pattern) 作者:weba ...

  3. BZOJ 1324 Exca神剑 最小割

    标题效果:给定一个n*m矩阵.所有的格宝石之子,人们可选择起始位置,后除去宝石的当前位置的周围消失,然后你就可以走两步,重复上述过程 easy发现格儿子把它周围格孩子不能拿 因此,党格访问问题 黑白染 ...

  4. 从零开始做UI-静电的sketch设计教室 视频教程

    全套31集目录 01-初识Sketch  http://www.ui.cn/detail/52223.html02-sketch的下载与安装  http://www.ui.cn/detail/5222 ...

  5. 深入理解Javascript闭包概念

    一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部能够直接读取全局变量 ...

  6. 开源Math.NET基础数学类库使用(05)C#解析Delimited Formats数据格式

    原文:[原创]开源Math.NET基础数学类库使用(05)C#解析Delimited Formats数据格式 开源Math.NET基础数学类库使用系列文章总目录:   1.开源.NET基础数学计算组件 ...

  7. Socket方法LAN多线程文件传输

    1.思维:为了实现各种文件的大小可以被发送和接收的,它可以被设置为发送和接收缓冲器环.并记录文件的位置读取,假设读入缓冲区的字节的特定数目大于缓冲区的大小较小.然后该文件被发送,退出发送周期,关闭连接 ...

  8. 大约cocos2d-X 3.x使用引擎版本自带的物理引擎Physics

    今天打算用BOX2D物理引擎, 我想我以前听说过一些时间cocos2d-X在3.0版本封装自己的物理引擎Physics, 听名字很霸气量, 这的确是一个比BOX2D非常多( 毕竟是基于BOX2D封装的 ...

  9. nginx源代码分析--读请求主体(1)

    首先,读取请求体已进入HTTP要求11相,我们需要做的请求正文部分处理一些模块,所以这个模块需要注册功能在这个阶段,在阅读功能要求的身体ngx_http_read_client_request_bod ...

  10. WebAPI 用ActionFilterAttribute实现token令牌验证与对Action的权限控制

    .NET WebAPI 用ActionFilterAttribute实现token令牌验证与对Action的权限控制 项目背景是一个社区类的APP(求轻吐...),博主主要负责后台业务及接口.以前没玩 ...