js 打印,预览页面的部分元素
程序员文章站
2022-03-04 15:53:45
...
<a href="javascript:void(0);" id="append">append</a>
<input id="btnPrint" type="button" value="打印"
onclick="javascript:window.print();" />
<input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
<style type="text/css" media=print>
.noprint {
display: none
}
</style>
<p class="noprint">不需要打印的地方</p>
<script> function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域 eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域 prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html window.document.body.innerHTML = prnhtml; window.print(); window.document.body.innerHTML = bdhtml; } else { window.print(); } } </script>
<p>XXXXX</p>
<!--startprint1-->
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
要打印的内容<br>
<!--endprint1-->
上一篇: C语言实现Linux代码解释器
下一篇: Linux页缓存基础
推荐阅读