jquery打印

最新推荐文章于 2024-07-14 03:38:22 发布

weixin_30741653

最新推荐文章于 2024-07-14 03:38:22 发布

阅读量127

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/duoduo264/p/7920129.html

版权


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <%@ include file="../yuriy.jsp" %>
    <title>Packaged Composite System</title>
    <link href="<%=basePath%>static/print/printShou.css" rel="stylesheet" type="text/css" media="print"/>
    <script src="<%=basePath%>static/js/jquery-1.4.4.min.js"></script>
    <script src="<%=basePath%>static/print/jquery-migrate-1.2.1.min.js"></script>
    <script language="javascript" src="<%=basePath%>static/print/jquery.jqprint-0.3.js"></script>

    <script type="text/javascript">
        function printBarcode() {
            $("#printDiv").jqprint({
                debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
                importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
                printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
                operaSupport: false   //表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
            });
//            blackPrint();
//            closewin();
        }
        function blackPrint(){
            if(window.opener){
                console.log(1);
                console.log(window.opener);
                var id=${empId};
                if(id != null && id != "" && id != undefined){
                    window.opener.callback(id);
                }
            }

        }
        function closewin(){
            self.opener=null;
            self.close();
        }
    </script>
</head>
<body>
<input type="button" value="print" οnclick="printBarcode()">
<div id="printDiv" class="printDivClass" style="width: 600px;height: 400px;">
    <img src="<%=basePath%>${barcodeUrl}" style="width: 600px;height: 246px; padding-top: 20px;"/>
    <p style="font-size: 24px;width: 600px;height: 50px;">${empName}_${companyName}</p>
</div>
</body>
</html>