ASP.NET网页打印

2018.08.26 18:50 1096浏览
 

昨晚朋友要求在前段时间完成的新闻的网站上加上一个功能，就是在每篇新闻浏览的页面， 加一个打印铵钮。让用户一点打印，能把整篇文章打印。一开始Insus.NET建议朋友，叫用户使用IE浏览器的打印功能，但是朋友说，那个打印功能是把页面的不相关的内容也打印了，用户只想打印整篇文章即可。

既然要改，照做就是了。Insus.NET没有这方面经验，在网上找到很多相关的ASP.NET打印例子，要么太过复杂，要么效果不太理想。最后还是结合这诸多的例子，改写一个合适的功能。

下面是改写的地方，首先在文章浏览的.aspx页面，添加一个Div，并加上runat="server" ，让其包含整篇文章，如：

<div id="PrintContent" runat="server">            ASP.NET网页打印测试<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容内容内容内容内容内容内容<br />            内容内容内容内容内容内容内容<br />        </div>

然后，添加一个打印铵钮：

<asp:Button ID="btnPrint" runat="server" Text="打印" OnClientClick="return PrintArticle();" />

看到否，上面的打印铵钮需要执行一段Javascript代码，也是重点部分。Insus.NET写在下面，这段Javascript放置在.aspx页最未端部分，也就是让网页最后执行。

function PrintArticle() {                var pc = document.getElementById("<%=PrintContent.ClientID%>");                var pw = window.open('', '', 'width=500,height=400');                pw.document.write('<html>');                pw.document.write('<head>');                pw.document.write('<title>ASP.NET网页打印测试</title>');                pw.document.write('</head>');                pw.document.write('<body>');                pw.document.write(pc.innerHTML);                pw.document.write('</body>');                pw.document.write('</html>');                pw.document.close();                setTimeout(function () {                    pw.print();                }, 500);                return false;            }

最后来一个动画演示：

打印输出结果：

还可以，但有一点不理想，就是页头页尾有一行信息，即是Highlight的部分，能否取消它，答案是肯定的，参考下面设置方法设置。

转载：https://www.imooc.com/article/71346

不要看他人高薪；且看闲时谁在拼！

asp.net WEB简单打印的更多相关文章

  1. 通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用

    REFERENCE FROM : http://www.cnblogs.com/artech/archive/2012/07/04/Knockout-web-api.html 较之面向最终消费者的网站 ...

  2. 支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示

    随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Angularjs的框架来做UI,而数据则由另一个Web Api 的网站项目来支撑.注意,这里是 ...

  3. 【翻译】使用Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定

    原文地址:http://www.dotnetjalps.com/2013/05/Simple-data-binding-with-Knockout-Web-API-and-ASP-Net-Web-Fo ...

  4. 六种简单方法提升ASP.NET Web API性能

    ASP.NET Web API 是非常棒的技术.编写 Web API 十分容易,以致于很多开发者没有在应用程序结构设计上花时间来获得很好的执行性能. 在本文中,我将介绍8项提高 ASP.NET Web ...

  5. Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定

    使用Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定   原文地址:http://www.dotnetjalps.com/2013/05/Simple-da ...

  6. 开始一个简单的ASP.NET Web API 2 (C#)

    创建一个Web API 项目 在本教程中,你将使用ASP.NET Web API 来创建一个web API 并返回产品列表. 网页前端使用jQuery 显示结果. 选择ASP.NET Web Appl ...

  7. asp.net web网站权限系统的简单设计

    权限设计总结一句话就是:拥有权限的主体来管控系统的各种资源资源,及在资源上体现的各种操作. 概括来说就是,权限离不开三要素: 1:权限的主体 2:管控的资源 3:各种操作 现对三要素分别做简单的阐述 ...

  8. 简单记录在Visual Studio 2013中创建ASP.NET Web API 2

    在很多跨平台的应用中就需要Web API ,比如android与数据库的交互. Create a Web API Project 选择新建项目下的模板下的Visual C#节点下的Web节点,在模板列 ...

  9. asp.net.web如何简单生成和保存二维码图片的例子

    首先,要有生成二维码图片,需要二维码生成的类库,到官网下载thoughtWorks.QRCode.dll 例子的步骤: 1.创建项目QRCodeTest1,选择asp.net.web窗体应用程序

随机推荐

  1. mysql 字段拼接

    mysql> select concat(name,"**",id) as test from test; +----------------+ | test | +---- ...

  2. IOC注解方式1.0

    在spring4之后,想要使用注解形式,必须得要引入aop的包 在配置文件当中,还得要引入一个context约束 <?xml version="1.0" encoding=& ...

  3. sip user Authentication and 401

    https://www.vocal.com/sip-2/sip-user-authentication/ https://tools.ietf.org/html/rfc3261 SIP User Au ...

  4. Redis和MongoDB的区别以及应用场景

    Redis和MongoDB的区别以及应用场景 项目中用的是MongoDB,但是为什么用其实当时选型的时候也没有太多考虑,只是认为数据量比较大,所以采用MongoDB. 最近又想起为什么用MongoDB ...

  5. fxjwind Calcite分析 - Volcano模型

    参考,https://matt33.com/2019/03/17/apache-calcite-planner/ Volcano模型使用,分为下面几个步骤, //1. 初始化 VolcanoPlann ...

  6. Linux_CentOS 中systemctl 管理服务、防火墙 firewalld 以及 SELinux 配置

    使用 systemctl 管理服务 systemctl 就是 service 和 chkconfig 这两个命令的整合,在 CentOS 7 就开始被使用了,systemctl是系统服务管理器命令,它 ...

  7. Python3基础 yield next 获取生成器生出的值

             Python : 3.7.3          OS : Ubuntu 18.04.2 LTS         IDE : pycharm-community-2019.1.3    ...

  8. python操作excel——openpyxl

    一.概述 python操作excel各个库对比:https://www.cnblogs.com/paul-liang/p/9187503.html 官方文档:https://openpyxl.read ...

  9. [LeetCode] 314. Binary Tree Vertical Order Traversal 二叉树的垂直遍历

    Given a binary tree, return the vertical order traversal of its nodes' values. (ie, from top to bott ...

  10. [LeetCode] 544. Output Contest Matches 输出比赛匹配对

    During the NBA playoffs, we always arrange the rather strong team to play with the rather weak team, ...