为了账号安全,请及时绑定邮箱和手机立即绑定

打印DIV的内容

打印DIV的内容

烙印99 2019-06-18 13:53:18
打印DIV的内容打印DIV内容的最佳方法是什么?
查看完整描述

3 回答

?
陪伴而非守候

TA贡献1757条经验 获得超8个赞

在Chrome上测试的早期版本略有变化

function PrintElem(elem){
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title>' + document.title  + '</title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write('<h1>' + document.title  + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();
    mywindow.close();

    return true;}


查看完整回答
反对 回复 2019-06-18
?
扬帆大鱼

TA贡献1799条经验 获得超9个赞

我认为有更好的解决办法。让div覆盖整个文档,但只在打印时:

@media print {
    .myDivToPrint {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }}


查看完整回答
反对 回复 2019-06-18
?
翻过高山走不出你

TA贡献1875条经验 获得超3个赞

如果使用jQuery,可以使用我的printElement插件。

有个样本这里,以及有关插件的更多信息。这里.

它的用法相当严格,只需使用jQuery选择器获取一个元素并打印出来:

$("myDiv").printElement();

希望能帮上忙!


查看完整回答
反对 回复 2019-06-18
  • 3 回答
  • 0 关注
  • 642 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信