`

Javascript调用IE print功能

javascriptprint 
阅读更多

Javascript调用IE print功能

 

onClick="window.print()"

 

js的window.print不打印网页中的“打印”按钮：

用CSS控制是否打印，如，写一个用于打印的类，：

<style type="text/css" media="print">
.noprint { display:none;}
</style>

 应用到input按钮上，设置该类

<input type="button" name="button" id="button" value="打印" class="noprint" onClick="window.print()" />

 

testPrint.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>调用IE自身的打印功能实现打印</title>
	
	<style type="text/css" media="print">
		.noprint { display:none;}
	</style>
	
</head>
<body>
<table width="650" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">2006年10月份至2007年3月份话费单</td>
  </tr>
</table>
<table width="650"    border="0" align="center" cellspacing="1" bgcolor="#221144">
  <tr bgcolor="#EFEFFF">
    <td width="37" height="27" align="center">编号</td>
    <td width="152" align="center" >手机号码</td>
    <td width="106" align="center">月份</td>
    <td width="85" align="center">通话费用</td>
    <td width="74" align="center" >IP费用</td>
    <td width="80" align="center">短信息费用</td>
    <td width="94" align="center" >合计</td>
  </tr>
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">1</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2006年10月</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;3.2</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;1.2</td>
        <td align="center" bgcolor="#FFFFFF">9&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">13.4</td>
  </tr>
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">2</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2006年11月</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;6.9</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;3</td>
        <td align="center" bgcolor="#FFFFFF">7&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">16.9</td>
  </tr>	
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">3</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2006年12月</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;4.4</td>
        <td align="center" bgcolor="#FFFFFF">0.6</td>
        <td align="center" bgcolor="#FFFFFF">8&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">13</td>
  </tr>	
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">4</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2007年1月</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;18.2</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;3.3</td>
        <td align="center" bgcolor="#FFFFFF">10</td>
        <td align="center" bgcolor="#FFFFFF">31.5</td>
  </tr>
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">5</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2007年2月</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;21</td>
        <td align="center" bgcolor="#FFFFFF">10.2</td>
        <td align="center" bgcolor="#FFFFFF">14&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">45.2</td>
  </tr>	
  <tr>
        <td height="30" align="center" bgcolor="#FFFFFF">6</td>
        <td align="center" bgcolor="#FFFFFF">13634449***&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;2007年3月</td>
        <td align="center" bgcolor="#FFFFFF">14</td>
        <td align="center" bgcolor="#FFFFFF">&nbsp;7.2</td>
        <td align="center" bgcolor="#FFFFFF">5&nbsp;</td>
        <td align="center" bgcolor="#FFFFFF">26.2</td>
  </tr>	
</table>
<table width="650" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right"><a href="#" class="noprint" onClick="window.print()">打印</a>&nbsp;</td>
  </tr>
  <tr>
    <td align="right">
		<input type="button" name="button" id="button" value="打印" class="noprint" onClick="window.print()" />&nbsp;
	</td>
  </tr>
  
</table>
</body>
</html>

 

分享到：
| Daily URL
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js调用ie打印和预览功能

    ### 使用JavaScript调用IE浏览器打印和预览功能 在网页开发过程中，经常需要实现文档的打印和预览功能。在Internet Explorer（IE）浏览器中，可以通过JavaScript与ActiveX控件结合来实现这些功能。下面将详细介绍...

    调用IE内置打印组件完成web打印方案及例程

    - **安全性限制**：由于安全策略的限制，某些情况下可能无法在Web页面中直接调用IE内置的打印功能。开发者需要确保用户在安全且可控的环境中使用此功能。 - **用户体验优化**：除了实现基本的打印功能外，还应考虑...

    ie浏览器 js调用 ocx 异步打印pdf、图片控件

    在“ie浏览器 js调用 ocx 异步打印pdf、图片控件”的场景中，我们将探讨如何利用JavaScript调用OCX控件来实现异步打印功能，特别是针对PDF和图片文件。 首先，我们需要在Web服务器上部署这个OCX控件。部署过程包括...

    JavaScript调用浏览器打印功能实例分析

    本文实例讲述了JavaScript调用浏览器打印功能的方法。分享给大家供大家参考。具体如下： 1. 通用型,支持IE,Firefox,Chrome… 代码如下:window.print(); 2. 只支持IE打印： [removed] var print=function(){ /** ...

    调用浏览器中的打印功能

    在网页开发中，调用浏览器的打印...综上所述，调用浏览器打印功能涉及JavaScript交互、CSS样式调整以及可能的第三方库利用。在实际应用中，需要根据目标浏览器的特性来选择合适的实现方式，并确保打印效果与预期一致。

    javascript+vba实现打印excel功能

    以下是一个基本的示例，展示如何使用JavaScript调用VBA脚本来打开并打印Excel文件： ```javascript function printExcel(filename) { var excelApp = new ActiveXObject("Excel.Application"); excelApp.Visible ...

    TSC打印机js调用部署文档含32位64位dll

    本文将深入探讨如何使用JavaScript调用TSC打印机，并介绍相关部署过程，包括32位和64位环境下的TSCActiveX.dll与TSCLIB.dll的使用，以及IE浏览器的配置。 首先，TSCActiveX.dll是一个ActiveX控件，它是TSC打印机...

    IEJavascript打印功能

    ### IE Javascript 打印功能详解 #### 一、引言 在B/S（浏览器/服务器）架构下，Web应用程序中的打印功能与传统的桌面应用程序存在显著差异。由于程序运行于浏览器中，而打印机位于用户端，这导致了打印文档时的...

    js调用控件标签打印.rar

    在IT行业中，尤其是在Web开发领域，有时候我们需要实现特定的功能，比如在本例中，就是通过JavaScript来调用打印机进行标签小票的打印。这个任务通常涉及到与硬件设备的交互，如打印机，以及可能的第三方控件或库。...

    asp.net调用JavaScript打印

    本篇介绍了一种在ASP.NET中通过JavaScript调用浏览器的打印功能的方法，特别是针对IE浏览器进行了优化。通过使用ActiveX对象修改注册表中的打印设置，以及调用`WebBrowser`对象的方法来实现直接打印、打印预览和打印...

    javascript实现页面打印功能.zip

    首先，JavaScript提供了`window.print()`方法，可以直接调用浏览器的打印功能。这个方法简单易用，只需要在适当的位置插入`&lt;script&gt;window.print();&lt;/script&gt;`，就能触发打印对话框。但这种方法的问题在于，它可能会...

    vue-print-nb 兼容低版本浏览器

    例如，可以在组件中调用 `this.$print()` 方法，或者自定义打印配置，如选择打印的元素、排除某些元素等。这样的灵活性使得开发者可以按需定制打印界面，提供更好的用户体验。 在兼容低版本浏览器方面，`vue-print-...

    javascript 实现页面打印

    ExecWB() 函数是 IE 浏览器提供的一个函数，可以用来调用 IE 菜单下的打印命令。下面是一个使用 ExecWB() 函数实现打印的示例代码： ```javascript &lt;script language="javascript"&gt; function printsetup(){ wb....

    通过调用 JS 打印图片信息

    总之，通过JavaScript调用打印图片信息是一种实用的前端技术，可以帮助用户更方便地获取和保存网页中的图像内容。同时，理解并掌握如何处理浏览器的默认打印设置，以及如何优化打印体验，是每个前端开发者必备的技能...

    js调用word 直接打印预览功能

    总之，利用JavaScript调用Word进行打印预览是一个结合了Web前端与本地应用技术的高级话题。掌握这一技能，不仅能够为Web应用增添强大的办公自动化功能，还能够提升开发者在复杂项目中的技术深度和广度。

    js打印设置页边距

    如果需要将页边距和页眉页脚设置为特定的默认值，可以通过在CSS中定义这些默认值，并在需要时通过JavaScript调用特定函数来覆盖它们。例如： ```javascript function resetPrintSettings() { var style = document...

    javaweb 调用打印机控件Lodop

    - JavaScript调用：编写JavaScript代码，通过`document.all["lodop"]`或`window["lodop"]`获取到Lodop对象，然后调用其提供的方法，如`Lodop.GETOBJECT()`，`Lodop.PRINT_INIT()`，`Lodop.ADD_PRINT_HTM()`等。...

    IE自带打印例子

    本篇文章将深入探讨“IE自带打印例子”的实践应用，以及如何利用JavaScript实现这一功能。 首先，让我们理解一下IE浏览器自带的打印功能。Internet Explorer（IE）是一款由微软公司开发的网页浏览器，其内置的打印...

    js 打印以及预览功能实现

    本文将详细介绍如何基于JavaScript实现这一功能，并确保其在IE、Firefox和Google等主流浏览器中的兼容性。 首先，我们需要理解JavaScript的`window.print()`方法，这是最基本的打印功能实现。此方法会调用系统的...

Magicbox
Global site tag (gtag.js) - Google Analytics