二维码防伪系统

新闻中心

各种活动实时推动

点击按钮打印指定div区域

发布时间:2024-10-11 点击次数:233

要实现点击按钮后打印指定div区域,可以使用JavaScript中的window.print()函数。以下是一个简单的实现示例:

HTML部分:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Print Div Example</title>
</head>
<body>
 
<div id="printSection">
    <!-- 这里是你想打印的内容 -->
    <p>这部分内容将被打印。</p>
</div>
 
<button onclick="printDiv()">打印</button>
 
<script>
function printDiv() {
    var printContents = document.getElementById('printSection').innerHTML;
    var originalContents = document.body.innerHTML;
 
    document.body.innerHTML = printContents;
 
    window.print();
 
    document.body.innerHTML = originalContents;
}
</script>
 
</body>
</html>

copy © 2025 星澜网络 All Rights Reserved

备案号:鲁ICP备2023015769号