簡體   English   中英

使用javascript按鈕單擊打印多個HTML(動態)

[英]print multiple HTML(dynamic) on button click using javascript

我創建了打印客戶發票的應用程序。 我想在兩張發票編號之間打印所有發票,例如打印10號發票到30號發票之間的所有發票。

我想通過單擊或單個彈出窗口打印它們或沒有任何彈出窗口。

此代碼生成多個彈出窗口

這是我的代碼

   $("#btnPrint").click(function () {

                var invStartNo = 10;
                var invUptoNo = 30;
                for (var i = invStartNo; i < invUptoNo; i++) {


                    var contents = functionWhichReturnHTML_byInvNo(i);//this function return dynamically html by invoice no

                    var frame1 = $('<iframe />');
                    frame1[0].name = "frame1";
                    frame1.css({ "position": "absolute", "top": "-1000000px" });
                    $("body").append(frame1);
                    var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
                    frameDoc.document.open();
                    //Create a new HTML document.
                    frameDoc.document.write('<html><head><title>Account Statement</title>');
                    frameDoc.document.write('</head><body>');
                    //Append the external CSS file.

                    frameDoc.document.write('<link href="../../Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />');


                    //Append the DIV contents.
                    frameDoc.document.write(contents);
                    frameDoc.document.write('</body></html>');
                    frameDoc.document.close();
                    setTimeout(function () {
                        window.frames["frame1"].focus();
                        window.frames["frame1"].print();
                        frame1.remove();
                    }, 1000);


                }
            });
           var invStartNo = 10;
            var invUptoNo = 30;
     for (var i = invStartNo; i < invUptoNo; i++) {

   var contents = functionWhichReturnHTML_byInvNo(i);//this function return dynamically html by invoice no(call synchronously)

                //Append the DIV contents.
                frameDoc.document.write(contents);

      }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM