开发者社区> 清山> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript页面打印(只打印指定部分)

简介:
+关注继续查看

实现思路:

1.在要打印的内容前后插入占位符;
2.页面显示需要打印的内容;
3.再调用浏览器的打印功能就可以了;

将下面代码单独保存为html文件,即可预览效果。

<script language="Javascript">
    function preview() {
        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>
<!--省略部分代码-->
<form id="WebForm1" method="post" runat="server">
<center>
    本部分以上不被打印</center>
<!--startprint-->
<div align="center">
    <table style="width: 900px; border: solid 1px black;">
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
    </table>
</div>
<!--endprint-->
<center>
    本部分以下不被打印</center>
<div align="center">
    <input type="button" name="print" value="预览并打印" onclick="preview()">
</div>
<p class="Noprn">
    不打印</p>
<table id="datagrid">
    <tr>
        <td>
            打印
        </td>
    </tr>
</table>
<input class="Noprn" type="button" onclick="window.print()" value="print">
</form>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用JavaScript将当前页面保存成PDF,支持图片和文字的保存
使用JavaScript将当前页面保存成PDF,支持图片和文字的保存
144 0
剑指Offer——正则表达式匹配(JS实现)
剑指Offer——正则表达式匹配(JS实现)
67 0
剑指Offer——I. 斐波那契数列(JS实现)
剑指Offer——I. 斐波那契数列(JS实现)
74 0
剑指Offer——数值的整数次方(JS实现)
剑指Offer——数值的整数次方(JS实现)
83 0
剑指Offer——剪绳子II(JS实现)
剑指Offer——剪绳子II(JS实现)
62 0
剑指Offer——把字符串转换成整数(JS实现)
剑指Offer——把字符串转换成整数(JS实现)
101 0
剑指Offer——表示数值的字符串(JS实现)
剑指Offer——表示数值的字符串(JS实现)
50 0
剑指Offer——打印从1到最大的n位数(JS实现)
剑指Offer——打印从1到最大的n位数(JS实现)
57 0
HOT100——两数相加(JS实现)
HOT100——两数相加(JS实现)
58 0
+关注
404
文章
3
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载