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 用于电视类设备 

  • 相关阅读:
    数据结构(二)之链表
    数据结构(一)之数组,栈,队列
    记第一次学习Mybatis
    多线程基本实现方法(一)
    TCP三次握手及四次四次释放协议解析
    《绝不划水队》第一次作业:项目选题
    第一次博客作业
    vim cheatsheet
    js cheatsheet
    js re cheatsheet
  • 原文地址:https://www.cnblogs.com/GmrBrian/p/6152943.html
Copyright © 2011-2022 走看看