对页面制定区域进行打印,以及打印不显示页脚URL的方法
2010-10-28 14:13
337 查看
第一种方式 - 此种方式简单易用,但不能进行页面设置,会在底部显示页面的URL地址。
打印命令:只需在页面上的按钮事件调用这段JS代码
====================
CSS定义:
===================
第二种方式 - 用meadroid控件对页面进行设置,可自由定制页眉页脚,去掉页面底部的URL
=====================
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 用于电视类设备
打印命令:只需在页面上的按钮事件调用这段JS代码
javascript:window.print();
====================
CSS定义:
<style media="print"> .Noprint //不打印 { display: none; } .PrintOnly //仅在打印时显示 { display: block; } </style>
===================
第二种方式 - 用meadroid控件对页面进行设置,可自由定制页眉页脚,去掉页面底部的URL
<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> <title>页面设置</title> <input type="button" value="页面设置" onclick="factory.printing.PageSetup()"> <input type="button" value="打印预览" onclick="factory.printing.Preview()"> <script> function window.onload() { factory.printing.header = "居左显示&b居中显示&b居右显示页码,第&p页/共&P页" factory.printing.footer = "(自定义页脚)" factory.printing.leftMargin = 0.75 factory.printing.topMargin = 1.5 factory.printing.rightMargin = 0.75 factory.printing.bottomMargin = 1.5 } </script>
=====================
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的方法
- 打印页面时a标签不显示URL的方法
- asp.net局部页面打印,以及如何去掉打印时自动保留的URL地址(页眉页脚)
- Asp.net中图片存储数据库以及页面读取显示通用方法详解
- 这两天使用jquery-mobile写手机页面遇到的append样式不生效,以及listview内容显示不完解决方法
- Asp.net 中图片存储数据库以及页面读取显示通用方法详解-附源码下载
- PHP将页面中点击数量高的链接进行高亮显示的方法
- 打印web页面指定区域的三种方法
- Spring MVC中redirect到一个页面,同时带些信息过去进行显示,但是不通过Session方式及URL方式
- .net 页面指定区域打印的方法
- iOS开发中允许单个页面进行横屏显示的方法
- Asp.net中图片存储数据库以及页面读取显示通用方法详解-附源码下载
- web打印,巧妙实现隐藏不想打印的页面元素,以及页眉和页脚
- web打印时屏蔽标题、URL、页码,以及页面最下角的时间,文件名信息
- Asp.net中图片存储数据库以及页面读取显示通用方法详解-附源码下载
- WEB开发中遇到的困难,controller方法对应的url显示不出来页面
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- web打印去掉页眉页脚,以及不想打印出的页面元素
- 水晶报表进行页小计、固定行分页、分页中每页显示紧贴式页脚的方法
- Asp.net中图片存储数据库以及页面读取显示通用方法详解