zoukankan      html  css  js  c++  java
  • javascript中几种操作打印的方法

    1 局部打印方法:
    作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。
    使用方法:将要打印的内容通过 <span id="dayin"></span>包含起来,然后在某个按扭中定义
    事件
    <input type="button" onclick="dayin()" value="打印">
    function dayin()  
    {
      var code="<body onload=window.print()>"
      code+=document.all.dayin.innerHTML;
      code=code.toUpperCase();
      code=code.replace(/<A[^>]*>删除<\/A>/gi, "");
      code=code.toLowerCase();
      var newwin=window.open('','','');
      newwin.opener = null;
      newwin.document.write(code);
      newwin.document.close();

     
    其中code=code.replace(/<A[^>]*>删除<\/A>/gi, "");

    2 利用CSS实现局部打印
    介绍两个关键的CSS
    <style media="print">
             .Noprint { DISPLAY: none }
             .PageNext{ PAGE-BREAK-AFTER: always }
       </style>第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)
    接下来通过调用最基本的js语句
    window.print()就可实现页面局部打印了,很easy吧!

    3 打印预览
    <OBJECT  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"    

    height=0  id=wb  name=wb  width=3></OBJECT>  
    <input  class="ipt"  type=button  name=  button  _print  value="打印"    
    onclick  ="  javascript  :printit();">  
    <input  class="ipt"  type=button    name=button  _setup  value="打印页面设置"            

    onclick  ="  javascript  :  printsetup();">    
    <input  class="ipt"  type=button    name=button_show  value="打印预览"            

    onclick="javascript:printpreview();">    
    <input  class="ipt"  type=button  name=  button  _fh  value="关闭"            

    onclick  ="    javascript:window.close();">

  • 相关阅读:
    Spring security中的BCryptPasswordEncoder方法对密码进行加密与密码匹配
    Eclipse导入SpringBoot项目pom.xml第一行报错Unknown error
    分库分表理论概述
    什么是乐观锁,什么是悲观锁
    oracle中的索引查看
    手动实现tail
    KNN理论
    矩阵以及向量
    numpy常用的几个小函数
    线性回归
  • 原文地址:https://www.cnblogs.com/zhangronghua/p/829351.html
Copyright © 2011-2022 走看看