html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）

<style type="text/css">  table{font-size:18px;  border-collapse:collapse;  text-align: center;   margin: 0 auto;  }.al{/* table宽、高度 ：210mm、297mm，这是A4纸的宽度、高度*/width: 210mm;height: 297mm;}</style>

<!-- 打印的样式--><style media="print">@page {<!-- 纵向：-->size: portrait;<!-- 横向：-->size: landscape;/* 上外边距是 0mm
右外边距是 10mm
下外边距是 0mm
左外边距是 10mm*/margin: 0mm 10mm 0mm 10mm;}</style>

<body>

 <!--startprint--><table class="al" border="1" >  <caption  align="center"><br/><h1><strong>大量用血申请表</strong></h1>  </caption><caption  ><div style="float: left;"><label>用血科室:</label><input type="text" name="with_blood_department" value="科室" readonly class="inp2"/></div><div style="float: right;"><label>申请日期:</label><fmt:parseDate value="2018-06-06" pattern='yyyy-MM-dd' var="per"/><fmt:formatDate value="${per }" pattern='yyyy年MM月dd日'/></div></caption ><tr>  <th align="center">患者<br/>姓名</th>  <td colspan="2" width="20%"> <input type="text" value="姓名" readonly /></td>  <th align="center" width="10%">性别</th>  <td colspan="2" width="8%"> <input type="text" value="男" readonly /></td>  <th align="center" width="10%">年龄</th>  <td colspan="2" width="8%"> <input type="text" value="12" readonly /></td> <th align="center">住院号</th>  <td colspan="2" width="25%"> <input type="text" value="7898" readonly /></td>  </tr>  </table>  <!--endprint-->

  <script src="js/jquery.min.js?v=2.1.4"></script><script>//打印
function doPrint() {
//document.getElementById("table").style.margin="10px";bdhtml=window.document.body.innerHTML; //获取当前页的html代码   sprnstr="<!--startprint-->"; //设置打印开始区域    eprnstr="<!--endprint-->"; //设置打印结束区域 prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //从结束代码向前取html    window.document.body.innerHTML=prnhtml;   //将html代码 放在页面上，方便打印//打印之前设置IE打印时不打印页眉 、页脚if (!!window.ActiveXObject || "ActiveXObject" in window) {remove_ie_header_and_footer();}//打印window.print();window.document.body.innerHTML=bdhtml; //打印完成后将html代码还原};//打印之前设置IE打印时不打印页眉 、页脚
function remove_ie_header_and_footer() {var hkey_root, hkey_path, hkey_key;hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";try {var RegWsh = new ActiveXObject("WScript.Shell");RegWsh.RegWrite(hkey_path + "header", "");          //设置页眉为空RegWsh.RegWrite(hkey_path + "footer", ""); //设置页脚为空} catch (e) {}
}</script>

</body>
</html>

html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）相关推荐

window.print() 实现A4纸张打印及去掉页眉页脚及打印链接
1.边距为无 <style> /* 布局纵向 */ .a4-endwise{width: 1150px;height: 1627px;border: 1px #000 solid;} /* ...
jquery.print.js 网页局部打印横向打印去掉页眉页脚
ie-设置(右上角齿轮)-打印-页面设置引入print.css,这个css里存的是自己要打印的区域的样式,比如table,tr,td,边框边距等的样式引入jquery.js和jquery.prin ...
[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？
[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚? <style type="text/css" media="print"> @pag ...
vue 打印功能调用原生print，带（去掉页眉页脚）分页打印
安装 vue-print-nb插件 npm install vue-print-nb --save 安装完成后在页面引入 import Print from 'vue-print-nb' </ ...
vue js 打印去掉页脚的链接，去掉页眉页脚
打印 <div style="padding-top: 15px;width:100px;"><el-button type="primary" ...
excel怎么设置打印区域_第六节 EXCEL打印预览和页眉页脚设置
点击蓝字关注我们今天,老铁给大家分享Excel脱白基础教程的第六节--EXCEL打印预览和页眉页脚设置. 调整打印页面设置.分页预览中的蓝色虚线把整个文件需要打印的区域进行一个分割.用鼠标光标指向 ...
【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上页眉页脚及时间. 在chorme中可以手动设置打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制: 参考:http ...
js 打印出来的节点多了m_前端实用技术分享—用Vue实现打印指定区域
今天小编在代课的时候,发现很多刚刚接触前端领域的同学还不太清楚如何实现用户区域打印,网上的很多博客也只是只贴出了解决代码,但或许并不帮助大家了解其到底是什么意思. 小编今天就具体的来给讲一讲如何在vu ...
js iframe 打印打印预览页眉页脚的设置
1.window.print方式: Html代码 //jsp页面打印按钮: <input type="button" value="打印" onclic ...

html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）

html 打印指定区域并去掉页眉、页脚，设置打印布局（纵向、横向）相关推荐

最新文章

热门文章