Jquery Jqprint—随着Jquery Jqprint实现网页打印
研究关于利用空闲时间今天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" οnclick="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默认高和宽都很小。能够再源代码中调大），默认是falseimportCSS: 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" οnclick="print()" value="打印文章"/></center> </body> </html>
说明：上面两个样例都须要jquery-1.6.2.js和1jquery.jqprint-0.3.js两个文件，这两个文件能够在以下的下载资源中找到，经測试。该打印插件能够支持全部主流浏览器。
【0点资源】
版权声明：本文博主原创文章。博客，未经同意不得转载。
Jquery Jqprint—随着Jquery Jqprint实现网页打印相关推荐
- class jqprint 失效_web的各种前端打印方法之jquery打印插件jqprint实现网页打印
web的打印方法具我自己懂得知道的有: 1.jquery插件jqprint实现 2.jqery打印插件printarea实现网页打印 3.css控制网页打印样式 jquery插件jqprint实现: ...
- Jquery、Js实现网页打印，及打印样式的自定义
本来今天准备继续更新webpack的内容的,但是上午修改了一下公司网站的代码,然后就开始研究网页打印的东西了,弄了一下午,搞的整个人都不好了.刚好也来讲一下一些收获,其实也不算什么收获,但是还是来跟大 ...
- JQuery插件制作具有动态效果的网页
JQuery插件 制作具有动态效果的网页 前 言 JQuery 今天我给大家介绍一个运用JQuery插件制作的动态网页--iphone 5C 宣传页面.这个网页中运用到了fullpage.js和 ...
- html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码 调用JS文件 调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
- 基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class=" ...
- html网页背景图片平铺代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码 调用JS文件 调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
- 在HTML网页中怎么使用jquery,怎么调用jquery
调用jquery的方法:1.到jquery官网下载jquery文件到本地,然后使用相对路径引用.2.直接通过jquery文件的url引用网上的jquery文件. jquery是结构化的开源js文件,按 ...
- js网页打印,js打印,javascript局部打印,网页局部打印方法
一.css控制网页局部打印 举例: <div class="noprint" > <table style="margin:0 auto;width:5 ...
- div 设置a4大小_网页打印时设置A4大小
最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...
- html5 jquery mobile,html5 jquery mobile
html5 jquery mobile [2021-02-11 11:50:41] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace(& ...
最新文章
- 一个DIV调用多个CSS样式
- Office CVE-2017-8570 远程代码执行漏洞复现
- 11、HTML ＜head＞标签
- Java内存模型与指令重排
- 2018年SIAF 广州国际工业自动化技术及装备展览会下周隆重开幕
- python __new__中单例的作用
- SIFT特征提取分析（一）
- Qt 学习之路 ：Qt 线程相关类
- 【Matlab学习笔记】matlab的编程规则
- matlab 多项式输入,MATLAB多项式
- 代码审计之企业级进销存管理系统
- 微信小程序详细教程-10分钟完成微信小程序开发部署发布
- 记忆碎片之python爬虫APP数据爬取fiddler抓包及多线程爬取流程分析（四）
- 微信图片去除马赛克_3个实用的图片去马赛克方法
- 倒杨辉三角4行c语言,倒杨辉三角
- 贝叶斯公式和贝塔（beta）分布
- 香农-范诺算法（Shannon-Fano coding）算法
- Javascript MS题蓄力：
- Postgresql语句持续更新
- 2021最新 JDK17 之 JAVA基础 Stream 流