JavaScript实现局部页面打印功能
作者:木棉时间:2026-10-30 09:31:26浏览:499
本文介绍使用JavaScript实现网页局部打印的方法。通过定义特定的HTML标记(如startprint和endprint)来圈定打印区域,利用DOM操作提取指定内容并调用浏览器打印接口。
JavaScript实现局部页面打印功能
以下提供一段简洁实用的代码示例。鉴于实际开发中需要实现局部打印功能,此处整理并分享相关实现方案,供后续参考使用。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
</head>
<body>
<p>1</p>
<p>2</p>
<!--startprint--><!--注意要加上html里star和end的这两个标记,之前没加,一直没效果,谁叫咱们菜呢~-->
<h1>打印标题</h1>
<p>打印内容~~</p>
<!--endprint-->
<button type="button" onclick="doPrint()">打印</button>
<p>1</p>
<p>2</p>
</body>
</html>
本文介绍了上述实现方式,若需进一步了解JavaScript语法规范,可参考《JavaScript 参考教程》与《JavaScript代码风格指南》,同时也欢迎持续关注本站获取更多内容。
作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
