研究关于利用空闲时间今天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. MongoDB学习笔记-维护

    主从复制 MongoDB有主从复制技术,解决高可用和容灾问题,也就是备份. 配置主从的特点: N 个节点的集群 任何节点可作为主节点 所有写入操作都在主节点上 自动故障转移 自动恢复 数据分布式存储 ...

  2. AND信号灯和信号灯集-----同步和互斥解决面向对象(两)

    AND信号 互斥的上述处理,它是针对仅在进程之间共享的一个关键资源方面.在一些应用.这是一个过程,需要在为了自己的使命后,获得两个或多个其他共享资源运行. 个进程A和B.他们都要求訪问共享数据D和E. ...

  3. [渣译文] SignalR 2.0 系列： SignalR简介

    原文:[渣译文] SignalR 2.0 系列: SignalR简介 英文渣水平,大伙凑合着看吧,并不是逐字翻译的…… 这是微软官方SignalR 2.0教程Getting Started with ...

  4. YT新人之巅峰大决战04

    Problem Description Eddy's interest is very extensive, recently he is interested in prime number. Ed ...

  5. EJB学习笔记

      1 J2ee概述 J2ee是企业级的计算平台,它为分布式和基于组件的软件开发提供了一个“操作系统” Ant是什么工具?? EJB: 什么是EJB? 是一种server端组件结构,简化了开发分布式企 ...

  6. 从xcode 6 上传 App Store

    2014苹果结束了大会,ios8公布.可怜的苹果开发人员又要開始伤脑筋了. 比方提交新产品的那个iTunes connect体验就做得极烂.并且这还是本菜鸟的第一次上线提交.折寿啊 一.制作证书.ap ...

  7. 第三篇——第二部分——第四文 配置SQL Server镜像——非域环境

    原文:第三篇--第二部分--第四文 配置SQL Server镜像--非域环境 本文为非域环境搭建镜像演示,对于域环境搭建,可参照上文:http://blog.csdn.net/dba_huangzj/ ...

  8. SharePoint 2010 Form Authentication (SQL) based on existing database

    SharePoint 2010 表单认证,基于现有数据库的用户信息表 本文主要描写叙述本人配置过程中涉及到的步骤,仅作为參考,不要仅限于此步骤. 另外本文通俗易懂,适合大众口味儿. I. 开启并配置基 ...

  9. 家庭洗车APP --- Androidclient开展 之 网络框架包介绍（一）

    家庭洗车APP --- Android客户端开发 之 网络框架包介绍(一) 上篇文章中给大家简单介绍了一些业务.上门洗车APP --- Android客户端开发 前言及业务简单介绍,本篇文章给大家介绍 ...

  10. Docker创建MySQL集装箱

    原文链接:Docker创建MySQL集装箱 这样做的目的是创建一个MySQL的image,出来的容器里自己主动启动MySQL服务接受外部连接 步骤: 1. 首先创建一个文件夹并在文件夹下创建一个Doc ...