对页面制定区域进行打印,以及打印不显示页脚URL的方法
第一种方式 - 此种方式简单易用,但不能进行页面设置,会在底部显示页面的URL地址。
打印命令:只需在页面上的按钮事件调用这段JS代码
====================
CSS定义:
.Noprint //不打印
{
display: none;
}
.PrintOnly //仅在打印时显示
{
display: block;
}
</style>
===================
第二种方式 - 用meadroid控件对页面进行设置,可自由定制页眉页脚,去掉页面底部的URL
2
3 <title>页面设置</title>
4 <input type="button" value="页面设置"
5 οnclick="factory.printing.PageSetup()">
6 <input type="button" value="打印预览"
7 οnclick="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的方法相关推荐
- js打印去除页眉页脚url地址
js打印去除页眉页脚.url地址 调用window.print()方法打印时,有自带的页眉页脚和url地址不太美观,用以下方法即可去除页眉页脚和url 解决方案: // 在css中加入以下代码即可 @ ...
- window.print()打印时出现网页的链接等信息的页眉页脚,去除方法
直接在当前网页css中加入如下代码 <style type="text/css">@page {size: auto;margin: 0mm;} </style& ...
- 微信html开发返回刷新页面,解决微信内置浏览器返回上一页强制刷新问题方法...
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的 ...
- js 页面打印,兼容单个打印和分页批量打印,自定义页眉和简单页脚
场景: 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题 ...
- 【vue2】中 谷歌 Chrome 实现自定义页眉页脚打印
解决的最终方案如下图 需求:页眉页脚如下,设计图所示,使用浏览器Ctrl+P打印即可,大小B5试纸 一.实现方法 说明:数据内容不确定分页的情况下,建议使用 方法二 相关属性参考地址:https:// ...
- 使用js打印时去除页眉页脚
写在前面 今天的开发遇到了使用window.print()功能进行当前页面打印的功能,因为页脚左边部分显示了url,这是不能存在的,已解决,写在这里. 正文 很多网上的方法都是不能用的,最后我找到一个 ...
- JS 刷新当前页面 返回上一页并刷新的方法
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
- css怎样给网页加页脚,在移动Web页面中使用CSS固定页脚
一种单页应用的页面结构 面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的结构.单页应用并不是说应用只需要一个视图,而是说可以将组 ...
- 如何将页脚固定在页面底部,而不是屏幕底部!
一个经典的 Sticky footers 布局问题 话不多说贴代码 <div class="main"><div class="main-box&quo ...
最新文章
- 基于ESP32智能车竞赛比赛系统硬件初步调试-5-6
- iOS 开发之时间选择器
- 蓦然回首,灯火阑珊的CIO之路(连载八)
- SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
- extjs获取元素name属性值_【ExtJS】各种获取元素组件方法
- AjaxPro.dll和AjaxPro.2.dll的web配置方法
- nginx在windows无法停止所有服务_这5项windows服务项目很常见,关于它们的设置建议请仔细参考...
- jquery响应式内容滑动插件bxSlider
- 【MyBatis框架】订单商品数据模型-分析思路
- It is worth noting that among the four
- Oracle Crystal ball 11.1.* 注册码
- window计算机截屏快捷键,windows截图工具快捷键,win7截屏快捷键是哪个
- 英语词根词缀记忆法(全集)_你竟然还在用词根词缀背单词?智橡树英语教你音标和音节秒记法...
- 如何用Java微信扫码实现签到_详解JAVA后端实现统一扫码支付:微信篇
- NVIDIA Jetson AGX Orin的计算能力
- 故障监测 检测 和 诊断
- 2022Java面试题大全(整理版)面试题附答案详解,最全面详细
- ​春节档票房超30亿,互联网资本新旧势力赛跑
- 拒绝服务攻击过程详解
- ORA-02002error while writing to audit trail 问题处理