window.print()如何打印指定区域
@media print{
.noprint{
display: none;
}
}
定义一个class,noprint
然后可以给你不想打印的地方加上noprint这个class,这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
其实window.print()就是执行了浏览器自带的一个打印功能,让我们不用在浏览器上找打印,而直接通过点击网页上面任意一个已规定好的元素,进行打印。发现这种打印是没办法打印JavaScript以及多数css(有少部分css样式可以打印出来),只能就是打印一下图文
2 个评论
因为不能打印动态效果,所以如果一些element用了JavaScript,比如说常用的wow 、lazyload,那么必须等页面加载完毕才能打印,否则很有可能打印出来的页面是空白,因为内容还没加载出来
感谢分享。