zoukankan      html  css  js  c++  java
  • 对页面制定区域进行打印,以及打印不显示页脚URL的方法

    第一种方式 - 此种方式简单易用,但不能进行页面设置,会在底部显示页面的URL地址。

    打印命令:只需在页面上的按钮事件调用这段JS代码

    javascript:window.print();

    ====================

    CSS定义:

    复制代码
    <style media="print">
    .Noprint //不打印
    {
    display: none;
    }
    .PrintOnly //仅在打印时显示
    {
    display: block;
    }
    </style>
    复制代码

    ===================

    第二种方式 - 用meadroid控件对页面进行设置,可自由定制页眉页脚,去掉页面底部的URL

    复制代码
    1 <object id="factory" style="display:none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"></object>
    2
    3 <title>页面设置</title>
    4 <input type="button" value="页面设置"
    5 onclick="factory.printing.PageSetup()">
    6 <input type="button" value="打印预览"
    7 onclick="factory.printing.Preview()">
    8
    9 <script>
    10 function window.onload() {
    11 factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页"
    12 factory.printing.footer = "(自定义页脚)"
    13 factory.printing.leftMargin = 0.75
    14 factory.printing.topMargin = 1.5
    15 factory.printing.rightMargin = 0.75
    16 factory.printing.bottomMargin = 1.5
    17 }
    18 </script>
    19
    复制代码

    =====================

    CSS - Display 参数:
     
    block :  CSS1 块对象的默认值。用该值为对象之后添加新行
    none :  CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
    inline :  CSS1 内联对象的默认值。用该值将从对象中删除行
    compact :  CSS2 分配对象为块对象或基于内容之上的内联对象
    marker :  CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
    inline-table :  CSS2 将表格显示为无前后换行的内联对象或内联容器
    list-item :  CSS1 将块对象指定为列表项目。并可以添加可选项目标志
    run-in :  CSS2 分配对象为块对象或基于内容之上的内联对象
    table :  CSS2 将对象作为块元素级的表格显示
    table-caption :  CSS2 将对象作为表格标题显示
    table-cell :  CSS2 将对象作为表格单元格显示
    table-column :  CSS2 将对象作为表格列显示
    table-column-group :  CSS2 将对象作为表格列组显示
    table-header-group :  CSS2 将对象作为表格标题组显示
    table-footer-group :  CSS2 将对象作为表格脚注组显示
    table-row :  CSS2 将对象作为表格行显示
    table-row-group :  CSS2 将对象作为表格行组显示
     

    =============================
    Media Types 设备类型


    Media Type 
    设备类型 CSS Version 
    版本 Compatibility 
    兼容性 Description 
    简介 
    all CSS2 IE4+ 用于所有设备类型 
    aural CSS2 NONE 用于语音和音乐合成器 
    braille CSS2 NONE 用于触觉反馈设备 
    embossed CSS2 NONE 用于凸点字符(盲文)印刷设备 
    handheld CSS2 NONE 用于小型或手提设备 
    print CSS2 IE4+ 用于打印机 
    projection CSS2 NONE 用于投影图像,如幻灯片 
    screen CSS2 IE4+ 用于计算机显示器 
    tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端 
    tv CSS2 NONE 用于电视类设备 

  • 相关阅读:
    es5预览本地文件、es6练习代码演示案例
    Java实现 LeetCode 838 推多米诺(暴力模拟)
    Java实现 LeetCode 838 推多米诺(暴力模拟)
    Java实现 LeetCode 838 推多米诺(暴力模拟)
    Java实现 LeetCode 837 新21点(DP)
    Java实现 LeetCode 837 新21点(DP)
    Java实现 LeetCode 837 新21点(DP)
    Java实现 LeetCode 836 矩形重叠(暴力)
    Subversion under Linux [Reprint]
    Subversion how[Reprint]
  • 原文地址:https://www.cnblogs.com/GmrBrian/p/6152943.html
Copyright © 2011-2022 走看看