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. js MD5加密与 java MD5加密不一致

    因为该项目会部署到多台机器,所以需要用字符生成唯一的MD5,但是js生成的MD5和java生成的MD5不一致.经过博主查阅资料发现java生成MD5用的是utf-8的编码,而且js用的是2进制.那我就 ...

  2. 【POJ2488】A Knight's Journey

    题目传送门 本题知识点:深度优先搜索 + 回溯 + 剪枝 + 字典序 题意是给你一个由 p,q 组成一个矩形的棋盘,让你用马棋在这上面走,是否能一线走完这 p * q 个格子. 关于这条路线是怎么走的 ...

  3. Android中创建自定义控件

    1.创建一个TitleLayout继承LinearLayout: //创建自定义控件 public class TitleLayout extends LinearLayout { private f ...

  4. Java封装jar包对外提供可执行文件

    编写Main方法,封装jar包 1.编写Main方法 import java.util.Date; /** * 描述 : * * @Author : zhanghao * @Time : 2019/1 ...

  5. maven依赖 dependency中scope=compile 和 provided区别

    问题再现 上次这边朋友问我一个问题,就是他们在pom.xml中的dependency中,看到有一些是provided的情况,比如如下: <dependency> <groupId&g ...

  6. 环境变量path的值大于1024的解决办法

    原文传送门:https://blog.csdn.net/jytxj111/article/details/43916421 1.打开Path,点击默认文本(WIN 10),将所有路径备份下来 2.新建 ...

  7. 运维笔记--postgresql占用CPU问题定位

    运维笔记--postgresql占用CPU问题定位 场景描述: 业务系统访问变慢,登陆服务器查看系统负载并不高,然后查看占用CPU较高的进程,发现是连接数据库的几个进程占用系统资源较多. 处理方式: ...

  8. 使用draw.io桌面版代替visio制作流程图

    前言 draw.io是一款在github上的开源产品,由于需要构建在线文档,需要插入画图类型, 对比多款开源产品,最终选择了draw.io. draw.io图标资源非常的丰富,方便导入图标资源,基本上 ...

  9. Oracle表存在则删除后再重建

    简单的执行方式: drop table USERINFO; create table USERINFO ( EnglishName ), ChineseName ), Sex ), Age int, ...

  10. (CSDN迁移) Java路径获取

    package unit02; /** * * @time 2014年9月18日 下午10:29:48 * @porject ThinkingInJava * @author Kiwi */ publ ...