1、js实现（可实现局部打印）

  1. <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />  
  2.  
  3. <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
  4. <style type="text/css" media=print>
  5. .noprint{display : none }
  6. </style>  
  7.  
  8. <p class="noprint">不需要打印的地方</p>  
  9.  
  10. <script>
  11. function preview(oper)
  12. {
  13. if (oper < 10)
  14. {
  15. bdhtml=window.document.body.innerHTML;//获取当前页的html代码
  16. sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
  17. eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
  18. prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html  
  19.  
  20. prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
  21. window.document.body.innerHTML=prnhtml;
  22. window.print();
  23. window.document.body.innerHTML=bdhtml;
  24. } else {
  25. window.print();
  26. }
  27. }
  28. </script>
  29. <p>XXXXX</p>
  30. <!--startprint1-->要打印的内容<!--endprint1-->  
  31.  
  32. 再加个打印按纽 onclick=preview(1)

2、调用windows底层打印，报安全警告，不建议使用（不支持局部打印）

  1. <HTML>
  2. <HEAD>
  3. <TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>
  4. <META http-equiv=Content-Type content="text/html; charset=gb2312" />
  5. <SCRIPT language=javascript>
  6. 　　function printsetup(){
  7. 　　// 打印页面设置
  8. 　　wb.execwb(8,1);
  9. 　　}
  10. 　　function printpreview(){
  11. 　　// 打印页面预览
  12. 　　　　
  13. 　　wb.execwb(7,1);  　　　　　
  14. 　　　　
  15. 　　}    
  16.  
  17. 　　function printit()
  18. 　　{
  19. 　　if (confirm('确定打印吗？')) {
  20. 　　wb.execwb(6,6);
  21. 　　}
  22. 　　}
  23. 　　</SCRIPT>
  24. </HEAD>
  25. <BODY>   
  26.  
  27. <DIV align=center>
  28. <OBJECT id=wb height=0 width=0
  29. classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
  30. <INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
  31. <INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
  32. <INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
  33. 一按开始的减肥了卡时间段
  34. </DIV>
  35. </BODY>
  36. </HTML>

3、jQuery实现（支持局部打印）

  1. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  2. <script type="text/javascript" src="jquery.PrintArea.js"></script>
  3. <script>
  4. $(document).ready(function(){
  5.   $("input#biuuu_button").click(function(){  
  6.  
  7.   $("div#myPrintArea").printArea();  
  8.  
  9. });
  10. });  
  11.  
  12. </script>  
  13.  
  14. <input id="biuuu_button" type="button" value="打印"></input>  
  15.  
  16. <div id="myPrintArea">.....文本打印部分.....</div>

js实现（可实现局部打印）的更多相关文章

  1. JS 根据id实现局部打印

    // 打印初审收费清单     getOrderCostBille(){       var head_str = "<html><head><title> ...

  2. js或jquery实现页面打印(局部打印)

    首先定义css样式:  复制代码代码如下: @media print { .noprint { display: none;color:green } }  对于不想打印的内容只用在标签中加上 cla ...

  3. 利用js和CSS实现网页局部打印

    1 局部打印方法: 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题.使用方法:将要打印的内容通过 <span id="dayin"> ...

  4. html局部打印

    html页面局部打印的小栗子 只要修改点击打印的按钮和打印的div区域的id就行啦 <!DOCTYPE html> <html> <head> <title& ...

  5. Jquery局部打印插件

    局部打印插件 jquery.PrintArea.js js代码 (function ($) {     var printAreaCount = 0;     $.fn.printArea = fun ...

  6. jquery 网页局部打印总结

    最近开发过程中遇到了js局部打印的功能,在网上找相关的资料,最终找到了juery.jqprint-0.3.js 和jquery.PrintArea.js两种. 最初使用的是jquery.jqprint ...

  7. Java局部打印的问题

    项目中遇到了做局部打印的情况,最开始用的bootstrap,可是实际显示的和打印的效果就不一样了,于是就只能换一种方式了. 打印是用的jqprint 这个插件,很简单好用的插件. 引入两个js就可以了 ...

  8. jquery局部打印插件使用

    基于jquery库的jquery.PrintArea.js插件源代码为: (function ($) { var printAreaCount = 0; $.fn.printArea = functi ...

  9. 【JS新手教程】LODOP打印复选框选中的任务或页数

    之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务)关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法该文 ...

随机推荐

  1. 【读书笔记】segment routing mpls数据平面-2

  2. 问题：页面输出正常，php写入sqlserver乱码/空白。

    问题一:php连接sqlsever2005,输入中文,然后查询sqlserver中对应的数据,由于提交中文是UTF-8,而sqlserver的中文为GBK,所以字段无法匹配,没有查询结果. 问题二,p ...

  3. 图论.DP

    见题: 看一眼,就知道是个依赖性背包,于是乎就草草的打了树上DP,一交发现才20,仔细检查也没错呀,忍不住点了题解,只喵一眼看到了强联通缩点等的字样,又重新审了一遍题,发现这句话理解有偏差:软件i只有 ...

  4. ajax导出表格数据失败的几处坑

    $.ajax({ type:'POST', async:false, url:'/export', data:params, dataType:'json', ... success:function ...

  5. activemq stomp类

    此库用来增强ide,能对stomp类进行自动提示 <?php class Stomp { /** * 构造器 * Stomp constructor. * @param string $brok ...

  6. 记录-springcloud -mybatis

    搭建springcloud与mybatis 从数据库读取数据返回到浏览器 1:我的工程目录 entity  和mapper 中的代码 controller和service的代码 启动类的文件:记得加包 ...

  7. hdu4622（hash解法）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4622 Now you are back,and have a task to do:Given you ...

  8. jdk1.7/1.8 HashMap、ConcurrentHashMap详解

    摘要: 本文主要参考网上Blog(详见Reference)总结ConcurrentHashMap的各方面知识,方便复习 转自:https://my.oschina.net/hosee/blog/675 ...

  9. vue iview render里面写时间截取

    render: (h, params) => {params.row.execDate = (params.row.execDate ? params.row.execDate.substr(0 ...

  10. 苹果手机input有圆角阴影的解决方法

    input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearan ...