html 页面的打印

h5liangliang

于 2017-09-28 11:05:29 发布

阅读量3.1k

点赞数

文章标签：浏览器

本文链接：https://blog.youkuaiyun.com/h5liangliang/article/details/78121321

版权

本文介绍了如何使用JavaScript结合CSS实现HTML页面的打印操作，包括在点击按钮后隐藏某些元素以优化打印效果，以及利用`style="page-break-after:always"`实现打印分页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web页面的打印
window.print()
$('#dayin').click(function(){
$('#dayin').css('display','none')
$('.classroom').css('display','none')
$('.open').css('display','none')
$('.open1').css('display','none')
$('#button').css('display','none')
$('.mui-action-back').css('display','none')
$('header').css('display','none')

window.print()
$('#dayin').css('display','block')
$('.classroom').css('display','block')
$('.open').css('display','block')
$('.open1').css('display','block')
$('#button').css('display','block')
$('.mui-action-back').css('display','block')
$('header').css('display','block')
})
style = "page-break-after:always" 分页