实现页面打印（javascript）

最新推荐文章于 2025-08-15 09:01:53 发布
转载 最新推荐文章于 2025-08-15 09:01:53 发布 · 1k 阅读 · 1
文章标签：

#javascript #class #border #button #asp #webbrowser

本文介绍了一种使用 ASP.NET 实现网页打印功能的方法，通过内嵌 ActiveX 控件 WebBrowser 实现了打印、打印预览等功能，并展示了具体的 HTML 和参数配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="NeiMengDispatchOrder.WebForm1" %>
<HTML>
    <HEAD>
        <title>看看</title>
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <!--media=print 这个属性可以在打印时有效-->
        <style media="print">
.Noprint { DISPLAY: none }
.PageNext { PAGE-BREAK-AFTER: always }
        </style>
        <style>
.tdp { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid }
.tabp { BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid }
.NOPRINT { FONT-SIZE: 9pt; FONT-FAMILY: "宋体" }
        </style>
    </HEAD>
    <body>
        <center class="Noprint">
            <p>
                <OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
                    VIEWASTEXT>
                    <PARAM NAME="ExtentX" VALUE="26">
                    <PARAM NAME="ExtentY" VALUE="26">
                    <PARAM NAME="ViewMode" VALUE="0">
                    <PARAM NAME="Offline" VALUE="0">
                    <PARAM NAME="Silent" VALUE="0">
                    <PARAM NAME="RegisterAsBrowser" VALUE="0">
                    <PARAM NAME="RegisterAsDropTarget" VALUE="1">
                    <PARAM NAME="AutoArrange" VALUE="0">
                    <PARAM NAME="NoClientEdge" VALUE="0">
                    <PARAM NAME="AlignLeft" VALUE="0">
                    <PARAM NAME="NoWebView" VALUE="0">
                    <PARAM NAME="HideFileNames" VALUE="0">
                    <PARAM NAME="SingleClick" VALUE="0">
                    <PARAM NAME="SingleSelection" VALUE="0">
                    <PARAM NAME="NoFolders" VALUE="0">
                    <PARAM NAME="Transparent" VALUE="0">
                    <PARAM NAME="ViewID" VALUE="{0057D0E0-3573-11CF-AE69-08002B2E1262}">
                    
                </OBJECT>
                <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)"> <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">
                <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">
            </p>
            <p>
                <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">
                <br>
            </p>
            <hr align="center" width="90%" size="1" noshade>
        </center>
        
        <form id="Form1" method="post" runat="server">
        <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
            <tr>
                <td colspan="3" class="tdp">第1页</td>
            </tr>
            <tr>
                <td width="29%" class="tdp">&nbsp;
                    <asp:Label id="Label2" runat="server">Label</asp:Label></td>
                <td width="28%" class="tdp">&nbsp;
                    <asp:Label id="Label1" runat="server">Label</asp:Label></td>
                <td width="43%" class="tdp">&nbsp;
                    <asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList></td>
            </tr>
            <tr>
                <td colspan="3" class="tdp">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="50%" class="tdp"><p>这样的报表</p>
                                <p>对一般的要求就够了。</p>
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        </form>
        
        <hr align="center" width="90%" size="1" noshade class="NOPRINT">
        <!--分页-->
        <div class="PageNext"></div>
        <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
            <tr>
                <td class="tdp">第2页</td>
            </tr>
            <tr>
                <td class="tdp">看到分页了吧</td>
            </tr>
            <tr>
                <td class="tdp">&nbsp;</td>
            </tr>
            <tr>
                <td class="tdp">&nbsp;</td>
            </tr>
            <tr>
                <td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="50%" class="tdp"><p>这样的报表</p>
                                <p>对一般的要求就够了。</p>
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</HTML>
JS实现页面打印
L_sixmoon的博客
07-13 1万+
window.print(); 局部打印 一、直接打印页面中的一段内容： 在html中，通过star和end来标记打印区域： 然后在打印方法中添加如下代码： 二、打印自行拼接或即时生成的内容（可打印图片，二维码等） 过滤打印区域的内容 如果不想打印以上代码中的预览和打印按钮，有如下两种方式。方式一： 方式二：...
HTML与JavaScript实现注册页面
我的主页
04-03 5043
本期讲解:JavaScript与HTML结合实现注册页面，主要通过JavaScript点击事件以及HTML表单来实现。
js实现页面打印
热门推荐
借物小人的博客
09-20 1万+
js有多种方式实现打印 window.print() window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容,但是iframe中无法使用需要用 document.execCommand(“print”) &lt;body&gt; &lt;div id="print_html"&gt;这里是要打印的html内容&lt;/di...
javascript打印页面
IT菜鸟
03-03 802
【代码】js打印页面。
html页面实现打印预览功能,javascript 打印、设置、预览的实现代码
weixin_42372573的博客
06-03 1244
javascript 打印、打印设置、打印预览的例子。1、javascript打印-打印页面设置-打印预览复制代码 代码示例:javascript打印-打印页面设置-打印预览代码function printsetup(){// 打印页面设置wb.execwb(8,1);}function printpreview(){// 打印页面预览wb.execwb(7,1);}function printi...
使用JavaScript实现页面打印
iilegend的博客
08-30 1172
1、首先布置页面：打印的按钮：<table width="810" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="10" align="center"> <a onclick="preview()">[打印]</a>
vue实现页面打印
Haveyounow的博客
11-22 1387
【代码】vue实现页面打印。
javascript实现批量打印
n1234567896的博客
06-17 9702
<div onclick="print()">打印</div> <iframe src="http://10.66.42.22:3000/iframePrint.html" frameborder="0" id="iframePrint" style="display:none;"> </iframe>
html页面如何打印,javascript如何打印页面？
weixin_34664632的博客
06-03 2061
我们在网页开发过程中经常会有打印页面的需求，通过JS来实现的方法有很多，下面我们看一下JavaScript中通过window.print()方法与jqprint()插件打印页面的方法。方式一：window.print()整体打印打印现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要实现指定区域的打印需要通过下面的设置局部打印首先，在html中，通过star和end来标记打印区域这块...
JavaScript实现打印局部页面样式丢失
你退后的地盘
06-26 4421
先实现打印局部的页面 html部分 <div id="printFile">需要被打印的区域</div> <button onclick="printFile()">点击打印</button> js部分 function printFile(id) { var dom = document.getElementById("printFile"); var win = window.open(); win.document.write(dom.ou
javascript 局部页面打印实现代码
10-29
在本文中，将详细介绍使用JavaScript如何实现对页面局部区域进行打印的技术。这个方法主要是利用JavaScript操作DOM元素和Window对象，无需依赖外部插件或ActiveX控件，因此它具有良好的兼容性。通过这种方式，可以...
用javascript实现页面打印的三种方法
10-31
JavaScript 实现页面打印的三种方法 JavaScript 是一个功能强大且广泛应用于 Web 开发的编程语言，其中一个常用的应用场景就是实现页面打印。今天，我们将探讨三种使用 JavaScript 实现页面打印的方法，每种方法都...
利用javascript实现web页面中指定区域打印
10-26
通过上述方法，可以实现只打印页面中的特定区域，而不是整个页面。这对于Web应用中实现复杂的打印需求来说非常有用，特别是在信息展示和报表打印中。这种方法的实现简单、高效，并且可以灵活地应用于各种Web项目中。
javascript 打印页面代码
10-30
JavaScript 打印页面代码是指在Web开发中，使用JavaScript语言实现打印页面的效果，而不使用window.print()函数。下面我们将详细介绍这个问题，并对相关的知识点进行详细的解释。 首先，我们需要了解为什么要使用...
electron进程间通信- 从渲染进程到主进程
唐璜Taro的博客
08-13 1057
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
Go语言实战案例:静态资源服务（CSS、JS、图片）
最新发布
tenkofx的博客
08-15 552
• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。
MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad
m0_74743788的博客
08-13 1330
普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。
20道Vue框架相关前端面试题及答案
qq_39540458的博客
08-14 1044
Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式
实现简易页面打印功能的JavaScript技巧
页面打印功能对于某些应用场景而言至关重要，开发者需要掌握如何简单快速地实现这一功能，同时也需考虑到定制化需求以及用户体验的优化。在现代Web应用中，利用CSS和JavaScript提供的相关技术，可以实现更为复杂和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值