zoukankan      html  css  js  c++  java
  • 利用js和CSS实现网页局部打印

    1 局部打印方法:

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


    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();">

  • 相关阅读:
    (转)基于REST架构的Web Service设计
    WPF 简易的喷泉效果
    C# 取Visio模型信息的简易方法
    WPF TextBox按字节长度限制输入
    NPOI导出WPF DataGrid控件显示数据
    WPF--TextBlock的ToolTip附加属性
    【转】WPF 从FlowDocument中找到Hyperlink
    WPF 初学VisifireChart
    WPF 简易进度条效果
    WPF 简易的跑马灯效果
  • 原文地址:https://www.cnblogs.com/meimao5211/p/3242817.html
Copyright © 2011-2022 走看看