JS实现浏览器打印、打印预览

最新推荐文章于 2024-05-31 14:28:35 发布

冷子夜

最新推荐文章于 2024-05-31 14:28:35 发布

阅读量2.2k

点赞数

分类专栏： # JS 文章标签： js 打印

本文链接：https://blog.csdn.net/qq_29180565/article/details/92235706

版权

JS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

window.print()

window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是从网上摘到的一个局部打印的例子，该例子的不足是打印会修改页面的内容。

<!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>不打印的地方啊哈哈哈哈</p>
<p>2</p>
</body>
</html>

冷子夜

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS实现浏览器打印、打印预览

window.print()window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是从网上摘到的一个局部打印的例子，该例子的不足是打印会修改页面的内容。<!DOCTYPE html><html><head><meta http-equiv="Content-Type...
复制链接

扫一扫