首页 > 代码库 > 对页面制定区域进行打印,以及打印不显示页脚URL的方法
对页面制定区域进行打印,以及打印不显示页脚URL的方法
第一种方式 - 此种方式简单易用,但不能进行页面设置,会在底部显示页面的URL地址。
打印命令:只需在页面上的按钮事件调用这段JS代码
====================
CSS定义:
.Noprint //不打印
{
display: none;
}
.PrintOnly //仅在打印时显示
{
display: block;
}
</style>
===================
第二种方式 - 用meadroid控件对页面进行设置,可自由定制页眉页脚,去掉页面底部的URL
2
3 <title>页面设置</title>
4 <input type="button" value="http://www.mamicode.com/页面设置"
5 onclick="factory.printing.PageSetup()">
6 <input type="button" value="http://www.mamicode.com/打印预览"
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 用于电视类设备
对页面制定区域进行打印,以及打印不显示页脚URL的方法