研究关于利用空闲时间今天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. UVA - 12130 Summits

    Description Problem G - Summits Time limit: 8 seconds You recently started working for the largest m ...

  2. air mobile andriod ios 页面加载控件

    通过最近的研究flex 书写android .ios申请书,我们遇到了一个问题加载页面,我们用flex sdk 12,air 15 无级似android ListView寻呼模块.所以,我和我的同事们 ...

  3. Android菜鸟的成长笔记（15）—— Android中的状态保存探究（下）

    原文:Android菜鸟的成长笔记(15)-- Android中的状态保存探究(下) 在上一篇中我们简单了解关于Android中状态保存的过程和原理,这一篇中我们来看一下在系统配置改变的情况下保存数据 ...

  4. MVC5 Entity Framework学习参加排序、筛选和排序功能

    上一篇文章实现Student 基本的实体CRUD操作.本文将展示如何Students Index页添加排序.筛选和分页功能. 以下是排序完成时.经过筛选和分页功能截图,您可以在列标题点击排序. 1.为 ...

  5. 使用form的target属性屏蔽url跳

    target: 指定公开赛, action URL. 关键点: 让target指向隐藏的iframe demo: form.jsp <%@ page language="java&qu ...

  6. Error Code: 1318. Incorrect number of arguments for PROCEDURE company.new_procedure; expected 2, got

    1.错误叙述性说明 20:27:34 call new_procedure(20150112) Error Code: 1318. Incorrect number of arguments for ...

  7. LINK : fatal error LNK1181: 无法打开输入文件“..\..\lib\Release\opencv_ocl249.lib”

    最近想要编译什么OpenCV资源.查看源代码调试执行. 按照网上的文章<Win7x64+VS2012+OpenCV2.4.3+CMake2.8.10+TBB41重编译OpenCV> 进行配 ...

  8. ASP.NET之AdRotator实现淘宝浏览页面的商品随机推荐功能

    如今随便上个网都能够看到淘宝.京东等各大电商平台的双十一购物狂欢宣传,从2009年開始淘宝愣是把11.11这一天打造成了全民购物狂欢节.阿里巴巴的上市更是激发了阿里人的斗志,据说他们今年的目标是100 ...

  9. xaml的margin和css的margin对比

    css margin xaml margin 例子 1 css margin:10px 5px 15px 20px;上右下左 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 ...

  10. hdoj 2183 奇数阶魔方(II) 【模拟】+【法】

    比赛的时候花了一个多小时,以做不做 分析:可观察:中间是(n*n+1)/2, 中间的上面是n*n,以下是1, 左边是n,右面是(n*n+1)-n,并且正对角线是最左上对到最右下端添加(+1).另外一条 ...