javascript - 打印完 div 内容后停止打印

标签 javascript jquery html css printing

我想在 div 内容打印完成后停止打印。问题是,如果内容很少,页面的其余部分就会出现空白。我想在内容打印完成后剪切页面。我正在使用收据打印机。

 function Popup(data) 
{   
    var mywindow = window.open('', 'day', 'height=300,width=400');
    mywindow.height
    mywindow.document.write('<html><head><title>my div</title>');
    mywindow.document.write('<link rel="stylesheet" href="style.css" type="text/css"   />');
    mywindow.document.write('</head><body >');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.print();


    return true;
}

最佳答案

您可以定义 css 以在元素后创建分页符。

@media print
{
  .some_element {page-break-after:always;}
}

请参阅此处引用 http://www.w3schools.com/cssref/pr_print_pageba.asp

关于javascript - 打印完 div 内容后停止打印,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24106301/

相关文章:

相当于 'mouseleave' 的 javascript,用于触摸交互

javascript - 客户端或服务器端 (asp.net) imagemap 都不会弹出 html 表单

javascript - 如何使用 javaScript 访问这些 id

javascript - 在 jQuery 中定位上一类时遇到问题

javascript - 使用 jquery AJAX 的 POST 调用不起作用

javascript - jqplot y 轴文本高度有剪辑

javascript - 添加代码以防止双重提交 JQuery 后提交不起作用

java - 我可以用 jqGrid 实现延迟加载吗?

html - 我应该在什么时候使用什么图像类型? GIF、JPG 还是 PNG?

html - 单个单词不会换行表中的日语单词