第一种方式 - 此种方式简单易用,但不能进行页面设置,会在底部显示页面的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 ο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的方法相关推荐

  1. js打印去除页眉页脚url地址

    js打印去除页眉页脚.url地址 调用window.print()方法打印时,有自带的页眉页脚和url地址不太美观,用以下方法即可去除页眉页脚和url 解决方案: // 在css中加入以下代码即可 @ ...

  2. window.print()打印时出现网页的链接等信息的页眉页脚,去除方法

    直接在当前网页css中加入如下代码 <style type="text/css">@page {size: auto;margin: 0mm;} </style& ...

  3. 微信html开发返回刷新页面,解决微信内置浏览器返回上一页强制刷新问题方法...

    微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的 ...

  4. js 页面打印,兼容单个打印和分页批量打印,自定义页眉和简单页脚

    场景: 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题 ...

  5. 【vue2】中 谷歌 Chrome 实现自定义页眉页脚打印

    解决的最终方案如下图 需求:页眉页脚如下,设计图所示,使用浏览器Ctrl+P打印即可,大小B5试纸 一.实现方法 说明:数据内容不确定分页的情况下,建议使用 方法二 相关属性参考地址:https:// ...

  6. 使用js打印时去除页眉页脚

    写在前面 今天的开发遇到了使用window.print()功能进行当前页面打印的功能,因为页脚左边部分显示了url,这是不能存在的,已解决,写在这里. 正文 很多网上的方法都是不能用的,最后我找到一个 ...

  7. JS 刷新当前页面 返回上一页并刷新的方法

    reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet])                                            ...

  8. css怎样给网页加页脚,在移动Web页面中使用CSS固定页脚

    一种单页应用的页面结构 面向移动端的单页应用(Single Page Web Application),从页面代码上来说,会使用较一般网页不同的结构.单页应用并不是说应用只需要一个视图,而是说可以将组 ...

  9. 如何将页脚固定在页面底部,而不是屏幕底部!

    一个经典的 Sticky footers 布局问题 话不多说贴代码 <div class="main"><div class="main-box&quo ...

最新文章

  1. 基于ESP32智能车竞赛比赛系统硬件初步调试-5-6
  2. iOS 开发之时间选择器
  3. 蓦然回首,灯火阑珊的CIO之路(连载八)
  4. SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
  5. extjs获取元素name属性值_【ExtJS】各种获取元素组件方法
  6. AjaxPro.dll和AjaxPro.2.dll的web配置方法
  7. nginx在windows无法停止所有服务_这5项windows服务项目很常见,关于它们的设置建议请仔细参考...
  8. jquery响应式内容滑动插件bxSlider
  9. 【MyBatis框架】订单商品数据模型-分析思路
  10. It is worth noting that among the four
  11. Oracle Crystal ball 11.1.* 注册码
  12. window计算机截屏快捷键,windows截图工具快捷键,win7截屏快捷键是哪个
  13. 英语词根词缀记忆法(全集)_你竟然还在用词根词缀背单词?智橡树英语教你音标和音节秒记法...
  14. 如何用Java微信扫码实现签到_详解JAVA后端实现统一扫码支付:微信篇
  15. NVIDIA Jetson AGX Orin的计算能力
  16. 故障监测 检测 和 诊断
  17. 2022Java面试题大全(整理版)面试题附答案详解,最全面详细
  18. ​春节档票房超30亿,互联网资本新旧势力赛跑
  19. 拒绝服务攻击过程详解
  20. ORA-02002error while writing to audit trail 问题处理

热门文章

  1. python语言属于-python属于哪种语言
  2. python读取文件某一行-python和shell读取文件某一行
  3. linux上使用git把代码push到gitee上
  4. 3_深度学习中显卡的使用和显存的分配(20181213)
  5. 12c双机rac oracle_深度干货 | 如何借助云原生搞定Oracle备份快速恢复?
  6. LeetCode Course Schedule(有向图中是否存在环)
  7. HDU2024 C语言合法标识符
  8. 【NOIP1999】导弹拦截
  9. HTML(三):表单元素
  10. 三亚之旅 海景--美得让你尖叫