欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

调用浏览器的打印方法打印页面内容

程序员文章站 2023-11-10 21:19:34
2018-08-30 直接调用浏览器的打印方法 1、打印按钮 打印 2、js 2、js //打印 function printme() { $.messager.confirm('确认', '确认打 ......

2018-08-30

直接调用浏览器的打印方法

1、打印按钮

 <a href="#" target="_self" onclick="printme()">打印</a>

2、js

    //打印
    function printme() {
        $.messager.confirm('确认', '确认打印?', function (r) {
            if (r) {
                document.body.innerhtml = document.getelementbyid('div1').innerhtml + '<br/>';
                window.print();
                var orderguid = $("#orderguid").val();
                window.location.href = "../details/?id=" + orderguid + "&check=0";

                //打印记录
                $.ajax({
                    type: "post",
                    anysc: false,
                    url: '@url.action("addprintlog")',
                    data: { orderguid: orderguid },
                    success: function (da) {
                        if (da > 0) {
                            //alert(da.split('|')[0]);
                            $.messager.alert('提示!', '成功!');
                            //location.reload();
                            window.location.href = "../details/?id=" + orderguid + "&check=0";
                        } else if (da = -1) {
                            $.messager.alert('提示!', '添加操作记录错误!');
                            return false;
                        }
                    },
                });

            }
        });
    }

 

3、div 里为界面需要打印的内容 
如我需要打印页面中红色框中的内容,将红色框中html用div包起来
调用浏览器的打印方法打印页面内容

 

调用浏览器的打印方法打印页面内容

 

 

 4、结果

调用浏览器的打印方法打印页面内容

 

调用浏览器的打印方法打印页面内容