需求上要求生成表单并打印,上代码。
搞个按钮
printContent() {
//这里就是打印的地方,用id包起来
var print = document.getElementById("table-content");
var newContent = print.innerHTML;
var oldContent = document.body.innerHTML;
// console.log(document.body.innerHTML);
document.body.innerHTML = newContent;
// document.getElementsByTagName('body')[0].style.zoom=0.92;
window.print();
window.location.reload();
//将原有页面还原到页面
document.body.innerHTML = oldContent;
return false;
},
实现调用按钮之后,发现打印页面上面有一行乱求八糟的字,原来是把表头也加进去了。想办法给他 去了
<style media="print">
@page {
size: auto;
margin: 0mm;
}
</style>
效果如下–完美

本文介绍了一种在网页中生成表单并进行打印的方法,通过修改页面元素实现无干扰打印,同时分享了如何避免打印过程中出现额外内容的技巧。

6464

被折叠的 条评论
为什么被折叠?



