1、window.print方式：

jsp页面 打印按钮：     

 <input type="button" value="打印" onclick="print();">

js 中：     

 function print(){

     window.print();

style样式中，设置隐藏按钮打印：

<style>  

     @media   print   {  

      .noprint{display:none}  

      }  

 </style>

2、WebBrowser控件方式

WebBrowser是IE内置的浏览器控件，无需用户下载.

一、WebBrowser控件

　　<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

二、WebBrowder控件的方法

//打印

WebBrowser1.ExecWB(6,1);

//打印设置

WebBrowser1.ExecWB(8,1);

//打印预览

WebBrowser1.ExecWB(7,1);

关于这个组件还有其他的用法，列举如下：

WebBrowser.ExecWB(1,1) 打开

Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口

Web.ExecWB(4,1) 保存网页

Web.ExecWB(6,1) 打印

Web.ExecWB(7,1) 打印预览

Web.ExecWB(8,1) 打印页面设置

Web.ExecWB(10,1) 查看页面属性

Web.ExecWB(15,1) 好像是撤销，有待确认

Web.ExecWB(17,1) 全选

Web.ExecWB(22,1) 刷新

Web.ExecWB(45,1) 关闭窗体无提示

但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:把不想打印的部份隐藏起来：

样式内容：

<style type="text/css" media=print>

.noprint...{display : none }

</style>

然后使用样式就可以：

<p class="noprint">不需要打印的地方</p>

代码如下:

<script language="javascript">

function printsetup()...{

// 打印页面设置

wb.execwb(8,1);

function printpreview()...{

// 打印页面预览

wb.execwb(7,1);

function printit()

...{

if (confirm('确定打印吗？')) ...{

wb.execwb(6,6)

</script>

<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>

<input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()">

<input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();">

<input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">

3、去除页眉和页脚 <HTML><HEAD><TITLE>web打印去掉页眉页脚，以及不想打印出的页面元素</TITLE>   <META http-equiv=Content-Type content="text/html;
charset=gb2312">   <SCRIPT language=javascript>   function printpr() //预览函数   {   document.all("qingkongyema").click();//打印之前去掉页眉，页脚   document.all("dayinDiv").style.display="none"; //打印之前先隐藏不想打印输出的元素（此例中隐藏“打印”和“打印预览”两个按钮）   var OLECMDID = 7;   var PROMPT
= 1;   var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';   document.body.insertAdjacentHTML('beforeEnd', WebBrowser);   WebBrowser1.ExecWB(OLECMDID, PROMPT);   WebBrowser1.outerHTML
= "";   document.all("dayinDiv").style.display="";//打印之后将该元素显示出来（显示出“打印”和“打印预览”两个按钮，方便别人下次打印）   }      function printTure() //打印函数   {   document.all('qingkongyema').click();//同上   document.all("dayinDiv").style.display="none";//同上   window.print();   document.all("dayinDiv").style.display="";  
}   function doPage()   {   layLoading.style.display = "none";//同上   }            </SCRIPT>            <script language="VBScript">   dim hkey_root,hkey_path,hkey_key   hkey_root="HKEY_CURRENT_USER"   hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"  
'//设置网页打印的页眉页脚为空   function pagesetup_null()   on error resume next   Set RegWsh = CreateObject("WScript.Shell")   hkey_key="\header"   RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""   hkey_key="\footer"   RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""  
end function   '//设置网页打印的页眉页脚为默认值   function pagesetup_default()   on error resume next   Set RegWsh = CreateObject("WScript.Shell")   hkey_key="\header"   RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P"   hkey_key="\footer"   RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"  
end function   </script>            </HEAD>   <BODY background="images/background_01.gif" leftMargin=0   topMargin=0 rightMargin=0 bottomMargin=0 style="BACKGROUND-POSITION: center 50%">            <DIV align=center>      你希望打印的内容..........   </DIV>           
<DIV align="center" id="dayinDiv" name="dayinDiv"><input type="button" class="tab" value="打印" onclick="printTure();">     <input   type="button" class="tab" value="打印预览" onclick="printpr();">   <input type="hidden" name="qingkongyema" id="qingkongyema" class="tab"
value="清空页码" onclick="pagesetup_null()">     <input type="hidden" class="tab" value="恢复页码" onclick="pagesetup_default()">   </DIV>            </BODY>   </HTML>   更多问题欢迎来提问题网(shenzhidao.com)

js打印功能的更多相关文章

  1. JS 打印功能代码可实现打印预览、打印设置等

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or ...

  2. JS实现Web网页打印功能（IE）

    问题描述:     JS实现Web网页打印功能 问题解决:     这里主要使用WebBrowser控件的ExeWB在IE中打印功能的实现 WebBrowser介绍:         WebBrows ...

  3. JS达到Web指定保存的和打印功能的内容

    背景 首先,说说文章的背景.近期手中的一个项目,因为需求中要求提供Web界面的打印功能.当然假设没有打印机,还能够提供保存到本地.项目组长把这个"小任务"分给了我.本着努力为组长分 ...

  4. 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)

    JS实现打印功能(包括打印预览.打印设置等) 绪 最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打 ...

  5. js实现地图打印功能

    注意:js对地图的打印功能在arcgis10.1中才有提供,所以如果要使用esri自带的地图打印功能,必须使用arcgis 10.1或更高版本的地图打印模板.(由于官网和arcgis desktop提 ...

  6. 【JS】通过JS实现超市小票打印功能——ActiveX控件

    应客户的需求= = ,要在网页端实现打印小票的功能 先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略) 用什么方法实现呢: 我想应该是有三种吧 1.用第三方的浏览器控件(这个好 ...

  7. js完成打印功能

    最近在做项目要求实现打印功能,我采用js方式来实现 window.print();会弹出打印对话框,打印的是window.docunemt.body.innerHTML中的内容,可以局部打印,也可以全 ...

  8. 使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题

    最近这段时间,用VUE写东西,有个打印功能. 百度了一下,铺天盖地的VUE打印的两种实现方法. 很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴. 至少这些帖子告诉我,是有两个可 ...

  9. jQuery：实现网页的打印功能

    实现的打印功能大致跟浏览器的 Ctrl+P 效果一样 一.直接上代码 <!DOCTYPE html> <head> <meta charset="utf-8&q ...

随机推荐

  1. ML 07、机器学习中的距离度量

    机器学习算法 原理.实现与实践 —— 距离的度量 声明:本篇文章内容大部分转载于July于CSDN的文章:从K近邻算法.距离度量谈到KD树.SIFT+BBF算法,对内容格式与公式进行了重新整理.同时, ...

  2. mac上创建MySQL的基本步骤

    首先得安装环境与MySQL的软件 安装环境的软件在这里我用的是:jdk-8u111-macosx-x64.dmg MySQL:mysql-5.7.16-osx10.11-x86_64.dmg 安装好了 ...

  3. ios程序后台运行设置(不是太懂)

    文一 我从苹果文档中得知,一般的应用在进入后台的时候可以获取一定时间来运行相关任务,也就是说可以在后台运行一小段时间. 还有三种类型的可以运行在后以, 1.音乐 2.location 3.voip 文 ...

  4. LoadRunner 事务函数

    status 包括LR_PASS, LR_FAIL,  LR_AUTO,  LR_STOP(这个没用过) lr_set_transaction_instance_status(status); 可以根 ...

  5. 【转】Struts2解决表单重复提交问题

    用户重复提交表单在某些场合将会造成非常严重的后果.例如,在使用信用卡进行在线支付的时候,如果服务器的响应速度太慢,用户有可能会多次点击提交按钮,而这可能导致那张信用卡上的金额被消费了多次.因此,重复提 ...

  6. .htaccess是什么？.htaccess几个简单应用

    .htaccess是什么? .htaccess叫分布式配置文件,它提供了针对目录改变配置的方法——在一个特定的文档目录中放置一个包含一个或多个指令的文件, 以作用于此目录及其所有子目录.并且子目录中的 ...

  7. AngularJS学习之模型

    1.ng-model指令:可以将输入域的值与AngularJS创建的变量绑定,用于绑定应用程序数据到HTML控制器(input,select,textarea)的值: <div ng-app=& ...

  8. 泛型容器单元(Generics.Collections)[3]: TStack<T> 堆栈列表

    TQueue 和 TStack, 一个是队列列表, 一个是堆栈列表; 一个是先进先出, 一个是先进后出. TStack 主要有三个方法.一个属性:Push(压栈).Pop(出栈).Peek(查看下一个 ...

  9. 二叉搜索树 POJ 2418 Hardwood Species

    题目传送门 题意:输入一大堆字符串,问字典序输出每个字符串占的百分比 分析:二叉搜索树插入,然后中序遍历就是字典序,这里root 被new出来后要指向NULL,RE好几次.这题暴力sort也是可以过的 ...

  10. 疯狂java学习笔记之面向对象(四) - this关键字

    Java中this关键字主要有以下两个方法: 1.this引用 - 可用于任何非static修饰的方法和构造器中,当this用于方法中时,它代表调用该方法的实例/对象;当this用于构造器中时,它代表 ...