在页面中实现打印---利用JavaScript实现打印页面,利用WebBrower组件实现打印

最新推荐文章于 2024-05-31 14:28:35 发布
最新推荐文章于 2024-05-31 14:28:35 发布
阅读量1.3k 收藏
点赞数
分类专栏： .NET与报表打印 文章标签： javascript button webbrowser xhtml server html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aspnet2002web/article/details/6098527
版权

1、利用JavaScript实现打印页面

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript" language="javascript">

        function printPage() {

            //打印当前窗体

            window.print();

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        ASP.NET学习

    </div>

    <input type="button" id="btnPrint"  value="打印" onclick="printPage()"  />

    </form>

</body>

</html>

2、控制打印范围

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default2.aspx.cs" Inherits="_Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript" language="javascript">

        function printPage() {

            //获取页面内容

            var bdhtml = document.body.innerHTML;

            var beginstr = "<!--startprint-->";

            var endstr = "<!--endprint-->";

            //获取要打印的内容

            var prnhtml = bdhtml.substr(bdhtml.indexOf(beginstr) + 17);

            prnhtml = prnhtml.substr(0, prnhtml.indexOf(endstr));

            //预览

            window.document.body.innerHTML = prnhtml

            //打印当前窗体

            window.print();

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

     <!--startprint-->

    <div align="center">

        <span>这里是我需要打印的内容</span>

     </div>

     <!--endprint-->

    <div>

        ASP.NET学习

    </div>

    <input type="button" id="btnPrint"  value="打印需要部分" onclick="printPage()"  />

    </form>

</body>

</html>

在HTML中标记内容的开始位置和结束位置，然后截取需要打印的内容。

3、利用WebBrower组件实现打印

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

<script type="text/javascript" language="javascript">

 

    function printTools(type) {

        switch (type) {

            case 1:

                //打印预览

                document.all.wb1.ExecWB(7,1);

                break;

            case 2:

                //打印

                document.all.wb1.ExecWB(6, 1);

                break;

            case 3:

                //打印设置

                document.all.wb1.ExecWB(8, 1);

                break; 

        }

    }

</script>

</head>

<body>

<form id="form1" runat="server">

<object id="wb1" width="0" height="0" classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

<div>

ASP.NET学习

</div>

<input type="button" value="打印预览" id="btnPreview" onclick="printTools(1)" />&nbsp;&nbsp;

<input type="button" value="打印" id="btnPrint" onclick="printTools(2)" />&nbsp;&nbsp;

<input type="button" value="打印设置" id="btnSetting" onclick="printTools(3)"  />&nbsp;&nbsp;

</form>

</body>

</html>

 

首先使用object标签加载ExecWB组件，必须指定本页中的唯一标识ID

运行会提示加载ActiveX控件，很不爽，需要设置下

在Internet选项的安全选项中设置

 4、实际开发中一般为要打印的内容单独做个页面，如：

  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebAppPrint.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        需要打印的内容

    </div>

    <object id='Object1' name="WebBrowser" width="0" height="0" classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>

    </object>

    <script type="text/javascript">

        document.getElementById("WebBrowser").ExecWB(7, 1);

        window.close();

    </script>

    </form>

</body>

</html>

 然后在主页面拖放一个Button按钮指向此页面，例如指向上面的页面：

        protected void Button1_Click(object sender, EventArgs e)

        {

            Response.Redirect("WebForm1.aspx");

        }

aspnet2002web
关注
专栏目录
c# 利用webbrower控件打印html——实现打印页面设置
weixin_39726228的博客
02-28 1万+
领导分配了一个任务，利用c#连接打印机，打印一个html页面，对于一个Java本专业还不太熟练的我，之前从未接触过c#，挑战还是很大的。但是没办法，做呗！！！首先找一个写c#的工具呗，所以下载了vs2015，实现方法如下：1、新建一个form项目2、form中集成一个webbrower控件去显示html3、html中js调用c#中的打印方法，实现打印4、打印的时候，如何设置自定义的页面设置，如页眉...
c# 通过webBrowser实现打印功能
c1149884598的博客
11-28 4085
在用c#实现打印功能时，我们可以将内容先转化为网页形式或者吧模板写成固定的html格式，然后进行内容填充。 在打印过程中，我们可以用到的函数： //转到某个网址 webBrowser.Navigate(""); //直接打印 webBrowser.Print(); //预览 webBrowser.ShowPrintPreviewDialog(); //打印 webBrowser.Show...
使用javascript实现在页面打印的效果的三种方式
weixin_30835649的博客
09-14 168
<div id="console"></div> <script type="text/javascript"> var consoleDom = document.getElementById("console"); var str = "我们跟创业者胡彦斌，聊了聊他的牛班"; var len = str.length;...
前端js 调用浏览器打印功能
最新发布
MrjieQ的博客
05-31 561
使用的vue-quill-editor富文本编辑器给文本加了样式，vue-quill-editor富文本编辑器在前文中有提到过，感兴趣的可以查看一下。注意class样式是富文本的样式，不添加富文本的样式不显示。element组件中弹窗功能，vue框架中的v-html。超简单调用浏览器打印的方法：调用。2、富文本编写的内容展示出来。1、在代码中写一个按钮。
web 打印 webrower 控件的ExecWB 及 兼容IE6 IE7 IE8 打印 办法
weixin_30414635的博客
03-17 297
话不多说，先把代码附上吧 代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="PrintOrder.aspx.cs" Inherits="SalesOrder_PrintOrder" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...
WebBrowser.ExecWB
weixin_33878457的博客
09-22 557
  CreateTime--2017年9月22日16:30:10 Author:Marydon js操作浏览器的ExecWB命令 一、准备工作： 以ie浏览器为例，需要更改IE安全级别为："启用没有标记为安全的ActiveX控件" IE浏览器-工具菜单选项——Internet选项——安全——Internet——自定义级别——启用没有标记为安全的ActiveX控件  否则，执行...
js打印材料收集
jCuckoo的专栏
12-12 1160
WebBrowser.ExecWB方法WebBrowser.ExecWB(1,1) 打开WebBrowser.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口WebBrowser.ExecWB(4,1) 保存网页WebBrowser.ExecWB(6,1) 打印WebBrowser.ExecWB(7,1) 打印预览WebBrowser.ExecWB(8,1) 打印页面设置WebBr
利用WebBrowser彻底解决Web打印问题（包括后台打印）
09-05
WebBrowser控件提供了多种执行命令的方法，例如`ExecWB`，可以实现打印、预览和页面设置等功能。例如，以下代码分别代表页面设置、直接打印和打印预览： ```javascript document.all.WebBrowser.ExecWB(6, 6); // ...
Js页面打印组件实现
wind_linjie的博客
05-23 1377
官网：Js页面打印组件官网 可以通过此处进到lodop的官网，然后在官网上查询相关的参数方法， 所包含的方法函数如下： ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小 ● ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项 ● ADD_PRINT_TEXT(i
VB6利用webbrower控件自动填写并提交表单.rar
07-10
VB6实现表单自动填写功能，并自动提交表单，是一个不用人工填写的自动表单，根据已提供的信息自动填写表单，主要为了演示如利用webbrower控件实现自动填写并提交表单。默认测试用户名/密码均为admin,密保1234，由于...
JS实现IE下打印和打印预览
卧龙居
01-03 1万+
首先，要定义两个button，打印和打印预览按钮。 然后，在页面中定义一个Object，这个是打印的关键。 然后，再写javascript语句： //打印 function print(){ document.getElementById("WebBrowser1").execWB(6,1); } //打印预览 function printPre
JavaScript输出各种*号图案
03-28
利用JavaScript输出各种各样的星号图案，本代码举例手动输入行数，利用循环输出菱形
前端打印功能css print
这是我的博客
01-23 1万+
下面是关于前端打印功能的几种整理，大家有什么好的方法，还望提出。。。先谢谢啦 第一种：jquery有个打印功能的API（PrintArea） 不过这个特别要注意一个就是打印出新空白，查看源码，在源码中的doc = iframe.contentWindow.document; 使用时需要先open加上doc.open();问题解决 第二种：window.print() 这一种在前
js基础运用——js用*打印三角形，菱形
热门推荐
libowen980112的博客
11-21 2万+
js基础运用新手见解，有不足或更简单的方法希望各位指点1.用*排列直角三形（图一）（图二） 图一图二是js语句利用*号画出来的直角三角形，方法思路都一致，下面以图一为例讲一下本人所用的方法：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <scrip
使用JavaScript实现页面打印
iilegend的博客
08-30 1127
1、首先布置页面：打印的按钮：<table width="810" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="10" align="center"> <a onclick="preview()">[打印]</a>
webBrower的简单实现
08-26
在编程领域，WebBrowser是一个非常基础且实用的组件，它允许开发者在应用程序中嵌入一个浏览器内核，以便用户能够浏览网页。这个组件在.NET框架中被广泛使用，尤其是在C#编程中。本文将深入探讨如何使用C#实现一个...
用JavaScript实现，用“*“号打印直角三角形、普通三角形、中空的菱形、实心的菱形等图形
狮子座的男孩
05-12 2284
Ⅰ、问题描述： A、打印直角三角形的小星星： * ** *** **** ***** 分析：星星数与行数之间的关系； 行数(i) 星星数 0 1 1 2 结论： i i+1 B、打印三角形的小星星： *
利用JavaScript实现在页面打印三角形
weixin_30785593的博客
10-29 1133
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript">...
页面的两种打印方式
切图工的博客
09-21 2807
一、使用window.print()的方式打印 第一种方法可以使用浏览器自带的window.print()方式打印，如下： function winPrint(){ bdhtml = window.document.body.innerHTML; startStr = ""; endStr = ""; prnhtml = bdhtml.substr(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值