zoukankan      html  css  js  c++  java
  • 页面打印(js/jquery)

    1、js实现(可实现局部打印) 

    <html> 
    <title>js打印</title> 
    <head></head><body> 
    <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> 

    <input id="btnPrint" type="button" value="打印预览" onclick=preview(1) /> 
    <style type="text/css" media=print> 
    .noprint{display : none } 
    </style> 


    <p class="noprint">不需要打印的地方</p> 

    <script> 
    function preview(oper) 

    if (oper < 10) 

    bdhtml=window.document.body.innerHTML;//获取当前页的html代码 
    sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 
    eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域 
    prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html 

    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html 
    window.document.body.innerHTML=prnhtml; 
    window.print(); 
    window.document.body.innerHTML=bdhtml; 
    } else { 
    window.print(); 


    </script> 
    <p>XXXXX</p> 
    <!--startprint1-->要打印的内容<!--endprint1--> 
    </body> 
    </html> 


    2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印) 

    <HTML> 
    <HEAD> 
    <TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> 
    <META http-equiv=Content-Type content="text/html; charset=gb2312" /> 
    <SCRIPT language=javascript> 
      function printsetup(){ 
      // 打印页面设置 
      wb.execwb(8,1); 
      } 
      function printpreview(){ 
      // 打印页面预览 
         
      wb.execwb(7,1);       
         
      } 

      function printit() 
      { 
      if (confirm('确定打印吗?')) { 
      wb.execwb(6,6); 
      } 
      } 
      </SCRIPT> 
    </HEAD> 
    <BODY> 

    <DIV align=center> 
    <OBJECT id=wb height=0 width=0 
    classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> 
    <INPUT onclick=javascript:printit() type=button value=打印 name=button_print /> 
    <INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /> 
    <INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /> 
    一按开始的减肥了卡时间段 
    </DIV> 
    </BODY> 
    </HTML> 

    3、jQuery实现(支持局部打印)

    //引用一个jquery

    <html> 
    <head> 
    <script type="text/javascript" src="jquery-1.6.4.js"></script> 
    <script> 
    $(function(){ 
    $("input#biuuu_button").click(function(){ 
    $("div#myPrintArea").printArea(); 
    }); 
    </script> 
    </head> 
    <body> 
    <input id="biuuu_button" type="button" value="打印"></input> 
    <div id="myPrintArea">.....文本打印部分.....</div> <div class="quote_title">引用</div><div class="quote_div"></div> 
    </body> 
    </html> 

  • 相关阅读:
    PAT甲级1018Public Bike Management
    PAT甲级1003Emergency
    android的AIDL
    View的滑动冲突和解决方案
    弹性滑动原理
    View的滑动原理和多种滑动方法
    Android的Activity的生命周期
    Android获取App版本号和版本名
    转:Android检查设备是否联网
    androidstudio实现增量更新步骤
  • 原文地址:https://www.cnblogs.com/isking/p/6268392.html
Copyright © 2011-2022 走看看