很多时候，我们在做系统的时候要做打印功能，打印在js中其实很简单，不过这个很简单的代码并不能满足我们的特定需求，比如我们需要打印的表单在很多文字的中间，或者文字中包含一些广告或者图片什么的，这就很难用：window.print()；这时，我们就要分区域的打印，将需要打印的内容提取出来让打印机知道，而不是一股脑的全部打印！

下面是两种实现的方法：

　　第一种：区域划分法。将要打印的部分用特殊的字符标记起来进行打印。这样下来还是有页眉和页脚，可以写去页眉页脚的方法放进去。JS 实现简单的页面局部打印

 1 function preview(oper) {

 2 if (oper < 10){

 3 bdhtml=window.document.body.innerHTML;//获取当前页的html代码

 4 sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域

 5 eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域

 6 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

 7

 8 prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html

 9 window.document.body.innerHTML=prnhtml;

10 window.print();

11 window.document.body.innerHTML=bdhtml;

12

13 }

14  else{

15 window.print();

16 }

17

18 }

　　使用时，将页面内要打印的内容加入中间<!--startprint1-->XXXXX<!--endprint1-->，再加个打印按纽 onclick=preview(1)

　　第二中：组件法。WebBrowser是IE内置的浏览器控件，无需用户下载。

　　WebBrowser控件 ：
　　<object ID='wb' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object> //放进<body>中
　　WebBrowder控件的方法 ：

1 //打印

2 wb.ExecWB(6,1);

3 //打印设置

4 wb.ExecWB(8,1);

5 //打印预览

6 wb.ExecWB(7,1);

　　关于这个组件还有其他的用法，列举如下： 
　　wb.ExecWB(1,1) 打开 
　　wb.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 
　　wb.ExecWB(4,1) 保存网页 
　　wb.ExecWB(6,1) 打印 
　　wb.ExecWB(7,1) 打印预览 
　　wb.ExecWB(8,1) 打印页面设置 
　　wb.ExecWB(10,1) 查看页面属性 
　　wb.ExecWB(15,1) 好像是撤销，有待确认 
　　wb.ExecWB(17,1) 全选 
　　wb.ExecWB(22,1) 刷新 
　　wb.ExecWB(45,1) 关闭窗体无提示
　　但是打印是会把整个页面都打印出来的，页面里面有什么东西就打印出来，我们有时候只需要打印数据表格，这时我们就要写一个样式了。把不想打印的部份隐藏起来： 
样式内容：

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

.noprint...{display : none }

</style>

　　然后使用样式就可以： <p class="noprint">不需要打印的地方</p> ，代码如下：

 1 <script language="javascript">

 2 function printsetup()...{

 3 // 打印页面设置

 4 wb.execwb(8,1);

 5 }

 6 function printpreview()...{

 7 // 打印页面预览

 8

 9 wb.execwb(7,1);

10

11 }

12

13 function printit()

14 ...{

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

16 wb.execwb(6,6)

17 }

18 }

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

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

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

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

　　下面是去除页脚页眉的js代码，代码如下：

 1 <script>

 2 var HKEY_Root,HKEY_Path,HKEY_Key;

 3 HKEY_Root="HKEY_CURRENT_USER";

 4 HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";

 5 //设置网页打印的页眉页脚为空

 6 function PageSetup_Null()

 7 {

 8 try

 9 {

10 var Wsh=new ActiveXObject("WScript.Shell");

11 HKEY_Key="header";

12 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");

13 HKEY_Key="footer";

14 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");

15 }

16 catch(e)

17 {

18

19 }

20 }

21 //设置网页打印的页眉页脚为默认值

22 function PageSetup_Default()

23 {

24 try

25 {

26 var Wsh=new ActiveXObject("WScript.Shell");

27 HKEY_Key="header";

28 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");

29 HKEY_Key="footer";

30 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");

31 }

32 catch(e)

33 {}

34 }

35

36 </script>

js控制打印 转的的更多相关文章

  1. JS控制打印指定div

    <html><head><script language="javascript">function printdiv(printpage){v ...

  2. JS 网页打印解决方案

    这些日子真是太忙了,项目太多了公司总是加班,而且这些项目中好多都用到的打印,所以学习了一段时间js的打印. 其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大. 以下 ...

  3. window.print控制打印样式

    我们可能会去使用window.print()方法来打印页面,但是当我们遇到需要改变打印时候的字体大小等css样式的时候你可能会懵逼. 所以搜索成了我们的必经之路,我相信在网上搜索出来的最好的答案就是使 ...

  4. JS控制页面内容

    JS操作页面内容 innerText:普通标签内容(自身文本与所有子标签文本)innerHTML:包含标签在内的内容(自身文本及子标签的所有)value:表单标签的内容outerHTML:包含自身标签 ...

  5. 用js实现打印九九乘法表

    用js在打印九九乘法表 思考 在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表 不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的 ...

  6. js控制Bootstrap 模态框（Modal）插件

    js控制Bootstrap 模态框(Modal)插件 http://www.cnblogs.com/zzjeny/p/5564400.html

  7. js控制文本框只能输入中文、英文、数字与指定特殊符号.

    先在'' 里输入 onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的 X换成你想输入的代码就可以了, 中文u4 ...

  8. JS控制flash的方法

    JS控制flash的一些方法:Play() ---------------------------------------- 播放动画 StopPlay()---------------------- ...

  9. js 控制Div循环显示 非插件版

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

随机推荐

  1. BliBli抢楼全攻略

    B站抢楼是一个很好玩的事情,每当新番出新集时.总有很多人想能够在前排发表评论,但是因为人数众多,往往不能如愿,今天就教大家一个抢楼的好办法. 我们平时抢楼的整个流程是这样的: 1.在官方放出的新番更新 ...

  2. HTML5自学笔记[ 2 ]新增表单控件和表单属性

    新增<input>属性type="email",自动验证,若输入不为邮箱,则不能提交. 新增<input>属性type="tel",在移 ...

  3. addViewController之后view里面的点击事件不响应

    let dealsSeeMoreViewController = DealsSeeMoreViewController(owner: self) self.dealsStackView.addArra ...

  4. UML类图关系大全

    UML类图关系大全 1.关联 双向关联: C1-C2:指双方都知道对方的存在,都可以调用对方的公共属性和方法.在GOF的设计模式书上是这样描述的:虽然在分析阶段这种关系是适用的,但我们觉得它对于描述设 ...

  5. 转载：Clear Float

    众所周知,平时在写HTML代码时,难免少不了使用Float样式,这样一来,假使您没有清除浮动,那么有浮动元素的父元素容器将元素将无法自动撑 开.换句简单好理解的话来说,假如你在写CODE时,其中div ...

  6. 企业级的响应式设计（Responsive design at enterprise level）译

    导言 响应式设计是现在人们谈论的热点,但如何部署,特别是在有多种设备的大型项目中如何组织响应式设计,响应式设计和可伸缩性(Scalable)有什么区别?这都是需要解决的难题. 优化用户经验——Opti ...

  7. 从java 转到 c# 知识点

    1. 重写的父类方法 必须是虚方法 用virtual 关键字修饰 而子类必须用 ovrride 关键字 java中不需要,, 2. namespace => packet using => ...

  8. java并发带返回结果的批量任务执行

    转载:http://www.it165.net/pro/html/201405/14551.html 一般情况下,我们使用Runnable作为基本的任务表示形式,但是Runnable是一种有很大局限的 ...

  9. Axis2 webservice入门--开发环境搭建，概念理解

    关于webservice的概念,网上有各种解释,但是不太好懂. 可以这样理解:1.一个webservice就是一个“功能”,只是这个功能是别人写好的,被放在别人的网站上.                ...

  10. ASCII字符集

    十进制 八进制 十六进制 二进制 字符 ASCII名称 0 0 0 0000 0000 ^@ NUL 1 1 1 0000 0001 ^A SOH 2 2 2 0000 0010 ^B STX 3 3 ...