zoukankan      html  css  js  c++  java
  • jQuery简单易用的网页内容打印插件

    简要教程

    jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容。并且提供了丰富的打印参数设置。

     使用方法

    使用该网页打印插件要引入jQuery和jquery.print.js文件。

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.print.js"></script>               

    jQuery版本已经在1.7.2和1.9.1版本中做过测试。其它版本请自行测试。

     打印内容

    可以像下面这样使用来打印页面内容。

    $("#myElementId").print(/*options*/);

    或者:

    $.print("#myElementId" /*, options*/);               

     配置参数

    你可以在调用打印方法时传入一些参数:

    $("#myElementId").print({
        globalStyles: true,
        mediaPrint: false,
        stylesheet: null,
        noPrintSelector: ".no-print",
        iframe: true,
        append: null,
        prepend: null,
        manuallyCopyFormValues: true,
        deferred: $.Deferred()
    });               
    参数 默认值 接收值 描述
    globalStyles true Boolean 是否包含父文档的样式
    mediaPrint false Boolean 是否包含media='print'的链接标签。会被globalStyles选项覆盖
    stylesheet null URL-string 外部样式表的URL地址
    noPrintSelector ".no-print" 任何可用的jQuery选择器 不想打印的元素的jQuery选择器
    iframe 默认true,如果没有iframe选择器被传入会创建一个隐藏的iframe 任何可用的jQuery选择器或Boolean 是否使用一个iframe来替代打印表单的弹出窗口
    append/prepend null Boolean 是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现)
  • 相关阅读:
    在微信移动端input file拍照或从相册选择照片后会自动刷新页面退回到一开始网站进入的页面
    华为手机点击按钮跳转链接不生效!!!
    css content 如何自定义生成图标?
    快速上手制作Icon Font
    一款全兼容的播放器 videojs
    video.js使用教程API
    jquery ajax 请求参数详细说明 及 实例
    前端性能优化
    Bootstrap3 CSS样式基本用法总结
    h5页面的公共css
  • 原文地址:https://www.cnblogs.com/telwanggs/p/6053935.html
Copyright © 2011-2022 走看看