zoukankan      html  css  js  c++  java
  • 打印

    <!DOCTYPE html>
    <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="no-js">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>jQuery.Print</title>
    <meta name="description" content="jQuery.print is a plugin for printing specific parts of a page">
    <meta name="viewport" content="width=device-width">

    <!--[if lt IE 9]>
    <script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
    <![endif]-->
    </head>
    <body>

    <div id="ele4" class="b">
    <h3 class='avoid-this'>Element 4</h3>
    <p>
    Some really random text.
    </p>
    <table width='8000'>
    <tr>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    </tr><tr>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    </tr><tr>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    </tr><tr>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    </tr><tr>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    <td>111</td>
    </tr>
    </table>

    <button class="print-link avoid-this">
    Print this in a new window, without this button and the title
    </button>
    </div>
    <br/>
    <button class="print-link" onclick="jQuery.print()">
    Print page - jQuery.print()
    </button>
    </div>
    <script src="./jquery-2.0.3.min.js"></script>

    <script src="../jQuery.print.js"></script>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(function($) { 'use strict';
    $("#ele2").find('.print-link').on('click', function() {
    //Print ele2 with default options
    $.print("#ele2");
    });
    $("#ele4").find('button').on('click', function() {
    //Print ele4 with custom options
    $("#ele4").print({
    //Use Global styles
    globalStyles : false,
    //Add link with attrbute media=print
    mediaPrint : false,
    //Custom stylesheet
    stylesheet : "http://fonts.googleapis.com/css?family=Inconsolata",
    //Print in a hidden iframe
    iframe : false,
    //Don't print this
    noPrintSelector : ".avoid-this",
    //Add this at top
    prepend : "Hello World!!!<br/>",
    //Add this on bottom
    append : "<br/>Buh Bye!",
    //Log to console when printing is done via a deffered callback
    deferred: $.Deferred().done(function() { console.log('Printing done', arguments); })
    });
    });
    // Fork https://github.com/sathvikp/jQuery.print for the full list of options
    });
    //]]>
    </script>
    </body>
    </html>

  • 相关阅读:
    Large repunit factors (Project Euler 132)
    有向图 加最少的边 成为强连通分量的证明 poj 1236 hdu 2767
    ZJU 17th 校赛
    2015-2016ACM-ICPC NEER northern-subregional-contest C Concatenation
    BestCoder Round #93 ABC
    Codeforces Round #404 (Div. 2) DE
    Fibonacci数列的幂和 zoj 3774
    bitset在acm中的应用
    Codeforces Round #398 (Div. 2) BCD
    Hook length formula 学习笔记 UVALive 6625
  • 原文地址:https://www.cnblogs.com/simadongyang/p/9109627.html
Copyright © 2011-2022 走看看