jquer网页打印插件PrintArea.js

所属分类:其他-独立的部件

 71839  404  查看评论 (17)
分享到微信朋友圈
X
jquer网页打印插件PrintArea.js ie兼容10

PrintArea.js

js引用 

<script language="javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="jquery.PrintArea.js"></script>

html引用: 

<div class="my_show"> 
这个是打印时显示的。 
</div> 
<div class="my_hidden"> 
这个是打印时隐藏的。 
</div> 
<input type="button" id="print"/>

javascript代码: 

$(document).ready(function(){ 
    $("#print").click(function(){ 
        $(".my_show").printArea(); 
    }); 
});

这个插件还提供了一些参数可配置,使用的方法:

$(element).printArea(option).

参数设置: 

1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。 

2.popTitle:设置新开窗口的标题,默认为空。 

3.popClose:完成打印后是否关闭窗口,默认为false。

相关插件-独立的部件

jquery生成二维码

jquery生成二维码
  独立的部件
 54173  457

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 43939  359

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 60795  418

jQuery分享插件jquery.share.js

jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 117192  639

讨论这个项目(17)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?? 0
    2022/2/9 10:05:00
    如果想打印一个弹框呢,打印不了样式怎么办? 回复
    ㄌ`╃☆ 累ㄋ 0
    2021/5/27 18:19:36
    这个可以设置全屏么 回复
    點點的憂傷 0
    2021/5/15 15:28:58
    需要把样式嵌入到打印区域才能生效
        小程序0
        2021/8/23 16:41:42
        正解。有效
    回复
    。。。 0
    2018/4/24 16:19:52
    $("#info_edit_box").printArea();

    掉这个的时候报错信息:

    Uncaught TypeError: $(...).printArea is not a function。

    请大神指教

        0
        2019/1/11 16:43:17
        注意jquery和printArea的引入顺序
    回复
    冰冰柠檬茶 0
    2018/2/28 17:49:10
    大鹏(iapeng) 0
    2017/11/6 16:38:32

    IE、firefox、猎豹浏览器,不能预览,点击后直接弹出打印框

    回复
    大鹏(iapeng) 0
    2017/7/18 13:25:59

    有人说可以去页眉页脚,怎么一点也去不了

        心有千千结 ★0
        2017/12/15 15:34:28

        难道是浏览器的问题?

    回复
    Loya 0
    2017/6/16 16:00:16
    它为啥会把它的父级页面卡死 回复
    犯二青年的Le趣 0
    2017/6/13 9:56:33

    在页面有其他的link的时候,页面就无法打印,怎么解决?

    回复
    犯二青年的Le趣 0
    2017/6/13 9:54:51

    这几个配置的参数不对啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复