在项目开发过程中，需对表单进行打印，可先将表单页面平铺到页面，即打印预览的效果。css设置
/*media="print"，打印时启用该样式*/
<style type="text/css" media="print">
body {
padding-top: 0;
}
/*隐藏头部底部不进行打印*/
.formFooter .page-head {
display: none;
}
/*在元素后插入分页符*/
.nextPage {
page-break-after: always;
}
</style>
在每个分页的地方添加以下元素，强制添加分页符，打印新开一个页面
<div class="nextPage"></div>
打印事件
/**
* 打印页面
**/
function print() {
window.print();
}
在项目开发过程中，需对表单进行打印，可先将表单页面平铺到页面，即打印预览的效果。css设置 在每个分页的地方添加以...
一、打印当前页数据 只对当前页面可见数据进行打印，实现方法不唯一，此处介绍相对简单的vue-print-nb。他的...
用JS在html页面实现打印功能 打印方式一： 打印方式二： 打印方式三（此方式会重新打开一个浏览器窗口）： 做项...
javascript refresh page 几种页面刷新的方法 本节内容：Javascript刷新当前页面的方...
常见的HTML加载方式 和当前页面进行交互的CSS Javascript书写困难 Ajax xhr.respons...
用runTime的方法交换打印当前页面对应的控制器名称，方便修改bug的时候快速定位到APP当前页面对应的控制器。...
场景 在页面显示的时候是分页现实的，当前页面只有10条数据，但是打印需要打印完整的100条数据。并且在当前页面包含...
方式一：window.print() 整体打印 现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要...
JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能 JavaScript嵌入页面的方式: 1...
JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能JavaScript嵌入页面的方式: 1....
本文标题：javascript用简单的方式打印当前页面
本文链接：https://www.haomeiwen.com/subject/avxevctx.html
网友评论