Javascript调用IE print功能

最新推荐文章于 2019-05-10 19:32:16 发布
最新推荐文章于 2019-05-10 19:32:16 发布
阅读量256 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript print ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_8141/article/details/82552936
版权

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>

 

iteye_8141
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue实现打印功能的几种方法
weixin_45484574的博客
11-01 799
方法一：使用vue-print-nb插件 安装 npm install vue-print-nb --save 在main.js中引入 import Print from 'vue-print-nb' 注册 Vue.use(Print); 使用 html <div id="printMe" style="background:red;"> &l...
JavaScript调用浏览器打印功能实例分析
12-07
本文实例讲述了JavaScript调用浏览器打印功能的方法。分享给大家供大家参考。具体如下： 1. 通用型,支持IE,Firefox,Chrome… 代码如下:window.print(); 2. 只支持IE打印： [removed] var print=function(){ /** ...
IE下利用js实现打印功能
Keven‘s Develop Blog
10-29 501
这主要是用到了IE的一个内置插件，在html代码的&lt;head&gt;中加入这句： &lt;OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0&gt;&lt;/OBJECT&gt;  这就是IE的内置插件。然后需要写一个样式，来表明不需要打印的地方，如下： &...
IE中js调用脚本实现打印预览（按钮本身不打印）
现在学习也不晚
12-08 7304
print demo .noprint { display: none; } function doPrintSetup() { //打印设置 printWB.ExecWB(8, 1) } function doPrintPreview() { //打印预览 printWB.ExecWB(7,
ie调用打印
weixin_30622181的博客
03-16 132
ie调用打印 //打印预览 function printPreview() { //获取本iframeid var frameId = window.frameElement && window.frameElement.id; //隐藏导出打印按钮 $("#div_expt").css("visib...
关于前端js实现打印功能，兼容IE，且不重载页面。
weixin_42935603的博客
01-07 3896
首先：1、target.children[1].innerHTML代表的是要打印的元素内容； 2、document.getElementById(“print_content”).removeChild(f); 为了防止一直添加元素，所以在此处清除iframe元素操作； 3、创建iframe元素，这里要注意，ifame元素不可设置属性display：none，其必须存在页面中，可设置宽、高为0，来...
js调用ie打印和预览功能
05-20
### 使用JavaScript调用IE浏览器打印和预览功能 在网页开发过程中，经常需要实现文档的打印和预览功能。在Internet Explorer（IE）浏览器中，可以通过JavaScript与ActiveX控件结合来实现这些功能。下面将详细介绍...
ie浏览器 js调用 ocx 异步打印pdf、图片控件
06-09
在“ie浏览器 js调用 ocx 异步打印pdf、图片控件”的场景中，我们将探讨如何利用JavaScript调用OCX控件来实现异步打印功能，特别是针对PDF和图片文件。 首先，我们需要在Web服务器上部署这个OCX控件。部署过程包括...
IEJavascript打印功能
04-16
### IE Javascript 打印功能详解 #### 一、引言 在B/S（浏览器/服务器）架构下，Web应用程序中的打印功能与传统的桌面应用程序存在显著差异。由于程序运行于浏览器中，而打印机位于用户端，这导致了打印文档时的...
window.print()在IE浏览器中没效果
qq_40889460的博客
05-10 4195
window.print()在IE浏览器中没效果? 今天碰到一个很头疼的问题 之前一直用firefox调试,但是昨天boss查看演示的时候是在IE上,结果在打印一张网页表格的时候出现问题,换到firefox或者chrome上没有问题, 在调用window.print()对文档进行打印。但是一直不弹打印对话框 var newWindow = window.open(); newWindow.docu...
JS实现IE下打印和打印预览
热门推荐
卧龙居
01-03 1万+
首先，要定义两个button，打印和打印预览按钮。 然后，在页面中定义一个Object，这个是打印的关键。 然后，再写javascript语句： //打印 function print(){ document.getElementById("WebBrowser1").execWB(6,1); } //打印预览 function printPre
浏览器局部打印:Window.print()--无需插件，兼容IE
qq_36147916的博客
11-07 8406
Window.print()很强大好不好 ，插件啥的咱们不稀罕 局部打印通过样式和调用方法隐藏，详情见注释 &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta http-equiv='Content-Type' content='text/html; chars
IE浏览器使用JS打印部分网页
Zh的博客
11-26 2301
这学期刚刚才开始跟老师写项目，用的是ThinkCMF,不得不说这个框架真的不够友好，对于没接触过的人目录实在是看不懂。跑题了。。。 因为我这块后台逻辑我很早就写完了，然后老师就让我去写前端（不过这涉及到JS，好像说前端不大对）。 接到了一个打印功能。刚开始听得时候感觉很简单啊，不就是JS调用浏览器自带的打印功能，然后打印页面就好啦。然后就屁颠屁颠的去写。。。前提太多，跳过跳过。
JS实现Web网页打印功能（IE）
djpmsoa95092的博客
09-06 370
问题描述： JS实现Web网页打印功能 问题解决： 这里主要使用WebBrowser控件的ExeWB在IE中打印功能的实现 WebBrowser介绍： WebBrowser是IE内置的浏览器控件，无需用户下载。与其相关的技术要求有：打印文档的生成、页面设置、打印操作的实现等几个环节。 一、WebBrowser控件 <object ID=...
jq局部打印插件jQuery.print.js（兼容IE8）
weixin_30655219的博客
09-20 663
/* @license * jQuery.print, version 1.5.1 * (c) Sathvik Ponangi, Doers' Guild * Licence: CC-By (http://creativecommons.org/licenses/by/3.0/) *--------------------------------------------...
JavaScript调用Java方法详解
在JavaScript中调用Java方法是一种跨语言交互的方式，特别是在需要利用Java库功能而前端应用是基于JavaScript的情况下。JSR 223（Java Scripting API）提供了一种标准，使得各种脚本语言可以在Java平台上运行，其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值