tonycheng1995的博客

简单的一行代码调用

        <script>
            function printHtml(){
            window.print();
            }
        </script>
        <button onclick="printHtml();">打印</button>

打印指定区域

<script>
    function appointprint(){
    var newWindow=window.open("打印窗口","_blank");
    var docStr=document.getElementById('appoint').innerHTML;
    newWindow.document.write(docStr);
    newWindow.print();
    newWindow.close();
    }
</script>
<button onclick="appointprint()">打印指定区域</button>

但是对于某些特殊情况，如想要打印弹出页的内容，而这时的弹出页和原页面是一体的，这时候如果使用上面的打印方法就会出现打印乱码的情况，这时可以给要打印的内容加个div,然后调用下面的打印方法。

function printdiv(id) {
    var headhtml = "<html><head><title></title></head><body>";
    var foothtml = "</body>";
    // 获取div中的html内容
    var newhtml = document.all.item(id).innerHTML;

    // 获取原来的窗口界面body的html内容，并保存起来
    var oldhtml = document.body.innerHTML;

    // 给窗口界面重新赋值，赋自己拼接起来的html内容
    document.body.innerHTML = headhtml + newhtml + foothtml;
    // 调用window.print方法打印新窗口
    window.print();

    // 将原来窗口body的html值回填展示
    document.body.innerHTML = oldhtml;
    return false;
}

快速导航

JS打印HTML页面

简单的一行代码调用

打印指定区域

但是对于某些特殊情况，如想要打印弹出页的内容，而这时的弹出页和原页面是一体的，这时候如果使用上面的打印方法就会出现打印乱码的情况，这时可以给要打印的内容加个div,然后调用下面的打印方法。