js或jquery实现页面打印可局部打印
2015-10-26 15:00
776 查看
方法一:直接用js的打印方法 <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> 方法二:引用jquery插件打印(可以打印整个网页内容和网页的局部内容) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery.jPrintArea.js"></script> <BODY> <div id="print_button">打印</div> <div id="myPrintArea"> 这里面都是要打印出来的 </div> <script type="text/javascript"> $("div#print_button").click(function(){ $("div#myPrintArea").printArea(); }); </script> </BODY> </HTML>
文件下载地址:
http://files.cnblogs.com/qhorse/print.rar
相关文章推荐
- jquery实现无刷新提交表单
- pietimer-基于jQuery的扇形定时器
- 强制360浏览器选用IE9内核,以便支持HTML5,jquery2.0
- jquery判断checked的三种方法:
- javaScript & jquery判断图片是否加载完毕
- 使用 jQuery Deferred 和 Promise 创建响应式应用程序
- mvc jquery ajax
- Jquery实现显示和隐藏的4种简单方式
- jquery reset form/submit form
- jQuery学习之旅 Item3 属性操作与样式操作
- jQuery学习之旅 Item3 属性操作与样式操作
- layer官方演示与讲解(jQuery弹出层插件)
- jQuery学习之旅 Item4 细说DOM操作
- jQuery学习之旅 Item4 细说DOM操作
- 夺命雷公狗jquery---19事件切换hover
- jquery.trim() vs JS.trim()
- jQuery中的HTML操作
- <<锋利的jQuery>>样例改进利用, html文本输入框得到与失去输入焦点的提示信息显示切换函数
- js和jquery中的事件委托
- JQuery对CheckBox的一些相关操作