window.print()打印页面局部元素

需求:打印页面中点击某按钮弹出的弹窗中内容,而直接调用window.print()会打印整个页面内容。 思路:打印时只要隐藏掉其他元素就好了 解决: 1.使用CSS @media print{}:
/* 调用window.print()时生效的样式 */
@media print {
@page {
/* 横向 */
size: landscape;
/* 去除浏览器默认页眉页脚 */
margin: 0;
}
/* 给需要打印的区域内或同级不需要打印的元素加上这个类 */
.noprint {
display: none;
}
/* 这里的id我用于选中modal,然后给其中背景色设置为透明,去掉弹窗头和脚及阴影 */
#forprint {
.ant-modal-mask {
background-color: tran

window.print()打印页面局部元素最先出现在Python成神之路

版权声明:
作者:siwei
链接:https://www.techfm.club/p/28377.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>