js浏览器的打印和去除页眉和页脚

    <div id="print-conent"><div id="title" style="text-align:center;font-weight:bolder;font-size:16px;"><h4><span>患者姓名【{{vm.patientName}}】</span><span>性别【{{vm.sex}}】</span><span>透析病案号【{{vm.patientNo}}】</span></h4></div><div id="printDialysisDetectionPage"><table ng-table="vm.tableTxjl" class="table"><colgroup><col width="8%"><col width="10%"><col width="8%"><col width="10%"><col width="12%"><col width="16%"><col width="8%"><col width="10%"><col width="8%"><col width="10%"></colgroup><tr ng-repeat="item in vm.printList"><td><div class="conent1"><div class="row date"><div class="col-md-12">日期：{{item.date|date:yyyy-MM-dd}}</div></div>@*<div>{{item.content1}}</div>*@<div ng-bind-html="item.content" style="font-size:13px;"></div><div class="creatorUserName" style="text-align:right"><span>医生：{{item.creatorUserName}}</span></div></div></td></tr></table></div></div>

    //去除页眉和页脚window.οnbefοreprint = beforePrint;window.οnafterprint = afterPrint; function beforePrint() {$('.navbar').hide();  //隐藏头部$('#page-header').hide(); //隐藏面包屑$('#block-region-side-pre').hide(); //隐藏左侧导航栏}//打印之后将隐藏掉的信息再显示出来 function afterPrint() {$('.navbar').show();  //显示头部$('#page-header').show(); //显示面包屑$('#block-region-side-pre').show(); //显示左侧导航栏}vm.myPreview = function () {var printConent = document.getElementById('print-conent').innerHTML;var page = window.open('', '_blank');// 打开一个新窗口，用于打印console.log(page,"page");page.document.write(printConent);// 写入打印页面的内容page.print();// 打印var userAgent = navigator.userAgent;if ((userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1) || (userAgent.indexOf("Edge") > -1) || (userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1)) {// IE浏览器page.document.execCommand('print');} else {console.log('not IE');}page.close();// 关闭打印窗口}

js浏览器的打印和去除页眉和页脚相关推荐

JS实现浏览器打印（自动隐藏页眉和页脚）
本文只介绍如何自动隐藏页眉和页脚在浏览器打印中,浏览器会自动勾选打印页眉和页脚,只要几行代码即可去除, 打印二维码为demo <!DOCTYPE html> <html>&l ...
取消web浏览器打印页眉和页脚
近期碰到了一个关于打印插件 jquery.print.js 页眉.页脚的设置问题在网上搜索了很多资料发现这个插件的配置方法很少基本上都是用的js 的方法来取消,照着上面说的试了很久还是没有效果, ...
Firefox 浏览器打印页面时不打印页眉和页脚
Firefox 浏览器打印页面时去掉页眉和页脚用浏览器打开需要打印的页面点击右上角的打开菜单按钮点击打印在弹出的打印预览界面中点击上方的页面设置点击弹出窗口的页边距和页眉/页脚把 ...
vue js打印并去掉页眉和页脚
<Button type="info" @click="print" icon="ios-box-outline" :disable ...
vue 页脚_vue js打印并去掉页眉和页脚
打印 //打印功能 print(e){ // if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie / ...
打印网页去掉页眉和页脚
方式一: 如果你使用的是IE6以及以前的版本,可以使用这个方法打开浏览器文件->页面设置在弹出的页面设置对话框中,将页眉输入框中的"&w&b页码,&p/&a ...
html输出屏幕,从HTML屏幕打印动态页眉或页脚
使用PHP在HTML页面的页脚中打印变量(插入打印分页符之前),我尝试使用this solution.实际上,我将包装在中的打印的php变量设置为@media print并给它position:fi ...
html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）
<style type="text/css"> table{font-size:18px; border-collapse:collapse; text-align: ...
打印web页或文本文件时如何去掉讨厌的页眉，页脚？－－暨开篇
经常会有朋友抱怨打印web页面或者文本文件时会有讨厌的页眉和页脚,其实这些只要经过简单的设置就可以去掉. 一般都是在页面设置(pagesetup)上进行修改.只要将页眉.页脚文本框中的 ...
使用WebBrowser控件实现打印去掉页眉和页脚
使用WebBrowser控件实现打印去掉页眉和页脚方法1: 先调用Web.ExecWB(8,1) 打印页面设置 ,将页眉页脚等设置为空在调用打印Web.ExecWB(6,2) 打印 //Exe ...

js浏览器的打印和去除页眉和页脚

js浏览器的打印和去除页眉和页脚相关推荐

最新文章

热门文章