青岛网站建设新闻资讯

点击按钮打印指定div区域

时间:2024-09-14 已阅读:543次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

要实现点击按钮后打印指定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>

二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1461.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图