JS打印打印制定区域内容

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



JS打印指定区域内容

复制代码
 1 function preview(oper) {  2 if (oper < 10){  3 bdhtml=window.document.body.innerHTML;//获取当前页的html代码   4 sprnstr=" 
    ";//设置打印开始区域   5 eprnstr=" 
    ";//设置打印结束区域   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 } 
复制代码

  使用时,将页面内要打印的内容加入中间
XXXXX
,再加个打印按纽 οnclick=preview(1)

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

1 //打印 2 wb.ExecWB(6,1); 3 //打印设置 4 wb.ExecWB(8,1); 5 //打印预览 6 wb.ExecWB(7,1); 

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

  然后使用样式就可以:

不需要打印的地方

,代码如下:

复制代码
 1  
复制代码

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 
复制代码

  注意有可能执行时,会出现没有效果的错误,这时原因是可能你的浏览器限制了active对象的创建,只要取消限制就好了,取消方法如下:打开你的ie浏览器internet选项—— 安全—— 自定义级别—— 把对没有标记为安全的activex控件进行初始化和脚本运行设置为启用,这样在加打印按钮的时候,只要加个事件触发就好了。

http://www.cnblogs.com/dudumao/archive/2012/10/04/2711571.html谢谢,学习了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/199024.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午2:01
下一篇 2026年3月26日 下午2:01


相关推荐

  • pycharm激活码2021年(已测有效)

    pycharm激活码2021年(已测有效),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    56
  • Jquery实现可拖拽的树菜单「建议收藏」

    Jquery实现可拖拽的树菜单

    2022年2月5日
    43
  • JAVA中String的深入研究

    每次上网冲杯Java时,都能看到关于String无休无止的争论。还是觉得有必要让这个讨厌又很可爱的String美眉,赤裸裸的站在我们这些Java色狼面前了。嘿嘿….众所周知,String是由字符组成的串,在程序中使用频率很高。Java中的String是一个类,而并非基本数据类型。 不过她却不是普通的类哦!!! 【镜头1】 String对象的创建       1、关于

    2022年3月11日
    45
  • Java中的封装,继承和多态(详解)

    Java中的封装,继承和多态(详解)目录封装继承封装所谓的封装就是把类的属性和方法使用 private 修饰 不允许类的调用者直接访问 我们定义如下一个类 可以看到所有的成员变量和成员方法都使用 private 修饰了 我们现在来使用一下这个类 当我们使用的时候编译器给出了下面这样的报错 告诉我们说是 private 访问控制 那么这是什么意思呢 我们来看看另外一张图 那么这张图代表这什么呢 在看这张图之前 我们先来看看四者都提到的包 那么包又是什么呢 包可以简单理解为一个文件夹 把类放到放到包里面 也就相当于是专门的文件夹里面 这不是我们说的

    2026年3月19日
    3
  • 2026年初至今杭州GEO优化平台权威盘点与推荐

    2026年初至今杭州GEO优化平台权威盘点与推荐

    2026年3月14日
    1
  • @JSONField 注解说明

    @JSONField 注解说明导入 JSONField 注解 importcom alibaba fastjson annotation JSONField 一 常见用法 1 指定字段的名称 JSONField name role name privateStrin 2 使用 format 制定日期格式 publicclassA 配置 d

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号