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" 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实现网页打印的更多相关文章
- jQuery背景跟随鼠标移动的网页导航
首页 PSD模板 CSS模板 特效插件 源码下载 酷站欣赏 建站资源 建站教程 心境之旅 在线留言 设为首页 加入收藏 我要投稿 联系站长 Search 首页 PSD模板 CSS模板 特效插件 ...
- 基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class="m ...
- 基于jquery和svg超炫的网页动画
今天给大家分享一款基于jquery和svg超炫的网页动画.这款动画效果非常炫.下面还有重播.慢速.和反向动画按钮.效果非常漂亮.一起看下效果图: 在线预览 源码下载 实现的代码. html代码: ...
- 网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)
在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本 ...
- python 全栈开发，Day53(jQuery的介绍,jQuery的选择器,jQuery动画效果)
js总结 js: 1.ECMAScript5 ES5语法 2.DOM CRUD 获取 3种方式 id tag className //面向对象 对象 : 属性和方法 某个对象中 function $( ...
- jQuery.extend和jQuery.fn.extend的区别【转】
解释的很有意思,清晰明了又有趣,转来分享下,哈哈哈 jQuery.extend和jQuery.fn.extend的区别,其实从这两个办法本身也就可以看出来.很多地方说的也不详细.这里详细说说之间的区别 ...
- JQuery笔记：JQuery和JavaScript的联系与区别
来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM ...
- Jquery(一) 初识Jquery，简单使用Jquery。
距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和boots ...
- Jquery 使用和Jquery选择器
jQuery中的顶级对象($) jQuery 中最常用的对象即 $ 对象,要想使用 jQuery 的方法必须通过 $ 对象.只有将普通的 Dom 对象封装成 jQuery 对象,然后才能调用 jQue ...
- jquery接触初级----jquery 选择器
css 选择器主要有:元素选择器,ID选择器,类选择器,群组选择器,后代选择器,普通配符选择器等,通过css选择,我们可以很方便的给元素添加样式,使网页看起来更加好看 jquery 选择器也有相似的功 ...
随机推荐
- Android开发框架SmartAndroid2.0 强劲框架
SmartAndroid 是一个功能强劲的 Android 框架,作为一个简单而"优雅"的工具库包,它能够为 Android 开发人员建立功能完好的Android 应用程序. 经过 ...
- 一个不错的 png压缩工具 pngquant 使用介绍 批量压缩png
1.Png 简介. 我们知道Png 有4个通道,RGBA, 多了一个表示透明的.png 有 png 32, 24, 8 等. 大致我理解的是表示颜色的多少. 数字越小,文件就越小.常见的压缩方式是导入 ...
- A*算法进入
作者文章链接:http://www.policyalmanac.org/games/aStarTutorial.htm 启示式搜索:启示式搜索就是在状态空间中的搜索对每个搜索的位置进行评估,得到最好的 ...
- 简单的虚拟摇杆控制移动（NGUI）
一.用NGUI创建虚拟摇杆贴图 先创建一个sprite作为背景叫做JoyStick 并添加一个BoxCollider,再创建一个sprite child作为虚拟摇杆中间的按钮,叫做button 二.通 ...
- 任意长度的正小数的加法(YT新人之巅峰大决战05)
Problem Description 话说,经过了漫长的一个多月,小明已经成长了许多,所以他改了一个名字叫"大明". 这时他已经不是那个只会做100以内加法的那个"小明 ...
- Codeforces 12D Ball 树形阵列模拟3排序元素
主题链接:点击打开链接 #include<stdio.h> #include<iostream> #include<string.h> #include<se ...
- LatinIME输入法分析
输入法的设置在res/xml/method.xml的<input-method>标签中,主要设置两个属性: android:settingsActivity,输入法的设置程序入口. and ...
- 如何使盘ISO图像文件
原创作品.从 "深蓝blog" 博客,欢迎转载,请务必注明转载的来源,权法律责任. 深蓝的blog:http://blog.csdn.net/huangyanlong/articl ...
- windows和ubuntu 10.4双启动顺序
改动/boot/grub/grub.cfg文件 /boot/grub/grub.cfg文件,这与旧版本号不同(9.10之前版本号/boot/grub/menu.lst),并且为了安全起见,该文件默觉得 ...
- MFC 盾webBrowser打开弹出的页面
void CansDlg::NewWindow3Explorer1(LPDISPATCH* ppDisp, BOOL* Cancel, unsigned long dwFlags, LPCTSTR b ...