研究关于利用空闲时间今天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. StringUtils.isNumeric(String str) 的一个坑（转）

    在项目中遇到一处bug,调试的结果竟然是StringUtils.isNumeric(String str) 在捣鬼(采用的是org.apache.commons.lang.StringUtils),下 ...

  2. 编写ruby扩展库

    # Loads mkmf which is used to make makefiles for Ruby extensions require 'mkmf' # Give it a name ext ...

  3. Webuploader 大文件分片上传

    百度Webuploader 大文件分片上传(.net接收)   前阵子要做个大文件上传的功能,找来找去发现Webuploader还不错,关于她的介绍我就不再赘述. 动手前,在园子里找到了一篇不错的分片 ...

  4. Swing 组件焦点设置

    在Swing中,焦点默认是在第一个组件上,所以在项目中想将焦点设置在其他的组件上,如JTextField!但通过requestFocus()方法不起作用,有人提供以下解决方法: 全部初始化之后,jTe ...

  5. 第十二章——SQLServer统计信息（3）——发现过期统计信息并处理

    原文:第十二章--SQLServer统计信息(3)--发现过期统计信息并处理 前言: 统计信息是关于谓词中的数据分布的主要信息源,如果不知道具体的数据分布,优化器不能获得预估的数据集,从而不能统计需要 ...

  6. href=&quot;javascript:void(0);&quot;与#差异

    将<a>标签设置为空链接有两种方式.第一个是href="#",第二个是href="javascript:void(0);". 两种方式都设置了标签为 ...

  7. SQL Server 性能优化（一）——简介

    原文:SQL Server 性能优化(一)--简介 一.性能优化的理由: 听起来有点多余,但是还是详细说一下: 1.节省成本:这里的成本不一定是钱,但是基本上可以变相认为是节省钱.性能上去了,本来要投 ...

  8. OpenWrt配置opkg.conf

    傻人干活才累. 用openwrt有一年多了, 数据传输一直使用wget从外部的webserver取. 这样的方法我个人认为还算轻松. 可是调试的多了,写大型一点的程序,总是这样就有点麻烦了. 安装软件 ...

  9. 【代码实现】PHP生成各种随机验证码

    原文地址:http://www.phpthinking.com/archives/531 验证码在WEB应用中很重要,通经常使用来防止用户恶意提交表单,如恶意注冊和登录.论坛恶意灌水等.本文将通过实例 ...

  10. JavaScript权威指南科13章 webj浏览器avascript

    13.1 clientjavascript window对象是所有clientjavascript特点和api主要的接入点.它代表了一个浏览器窗口,通过window对象引用它. window 方法 a ...