js 打印的一些技巧去除页眉页脚,主动分页

1.页眉页脚

可以简单点用css来实现

下拉把以下代码粘贴到页面里就可以了测试对于ie firefox chrome兼容都还不错

<style media="print">
@page {size: auto;  /* auto is the initial value */margin: 0mm; /* this affects the margin in the printer settings */
}
</style>

2.主动分页

把要分页的地方加上下面这个div就可以了,打印的时候就会自动从这里分页了

<div style="page-break-after:always"></div>

3.如果有一部分不想打印怎么办看下面代码

<style type="text/css" media="print">.noprint{display: none;}
</style>
<button class="noprint">打印</button>

只要带上这个class就不会被打印

转载于:https://my.oschina.net/xiaogg/blog/3018040

js 打印的一些技巧去除页眉页脚,主动分页相关推荐

js打印去除页眉页脚url地址
js打印去除页眉页脚.url地址调用window.print()方法打印时,有自带的页眉页脚和url地址不太美观,用以下方法即可去除页眉页脚和url 解决方案: // 在css中加入以下代码即可 @ ...
使用js打印时去除页眉页脚
写在前面今天的开发遇到了使用window.print()功能进行当前页面打印的功能,因为页脚左边部分显示了url,这是不能存在的,已解决,写在这里. 正文很多网上的方法都是不能用的,最后我找到一个 ...
HTML页面打印功能js代码,JavaScript_js实现页面打印功能实例代码(附去页眉页脚功能代码)，复制代码代码如下: html - phpStudy...
js实现页面打印功能实例代码(附去页眉页脚功能代码) 复制代码代码如下: @media print{ .print {display:block;} .notPrint {display:none; ...
Chrome 谷歌分页打印去除页眉页脚点击取消或打印关闭当前窗口
page-break-before(指定元素前添加分页符) auto 默认值.如果必要则在元素前插入分页符. always 在元素前插入分页符. avoid 避免在元素前插入分页符. left 在元素 ...
Vue使用vue-print-nb打印，并去除页眉页脚，打开打印窗口自动打印
一.这次使用的是vue-print-nb插件完成打印的功能. 借鉴链接:vue html页面打印功能vue-print-nb - 潇湘羽西 - 博客园文档:vue-print-nb - npm 使用 ...
js iframe 打印打印预览页眉页脚的设置
1.window.print方式: Html代码 //jsp页面打印按钮: <input type="button" value="打印" onclic ...
Jquery调用打印机打印（包含去除页眉页脚）
个人小说网站友书-绿色.纯净.无广告欢迎广大同行前来指点.阅读话不多说,直接上代码, function Print(data) {$.post("../../program/ashx/Pr ...
使用浏览器自带打印功能，去除页眉页脚，横屏打印等
HTML代码 <head><script src="/Scripts/printCurrentPage.js" type="text/javascrip ...
原生js 打印以及自定义页眉页脚的一些感悟
最近遇到一些需求使用原生js进行打印,期间遇到很多困难,我过资料查找用了自己的一些方法解决,如果你有更好的解决办法欢迎评论区留言. 问题一打印元素父盒子设置了溢出隐藏,导致元素隐藏了,打印不完整. ...

js 打印的一些技巧去除页眉页脚,主动分页

js 打印的一些技巧去除页眉页脚,主动分页相关推荐

最新文章

热门文章

js 打印的一些技巧 去除页眉页脚,主动分页

js 打印的一些技巧 去除页眉页脚,主动分页相关推荐

最新文章

热门文章

js 打印的一些技巧去除页眉页脚,主动分页

js 打印的一些技巧去除页眉页脚,主动分页相关推荐