使用jQuery打印HTML标记

时间:2013-10-13 12:06:26

标签: jquery html

我想用jQuery打印一些HTML标记。有一个打印按钮。单击打印按钮时,单击事件会创建一些标记。我想在打印机上打印那些标记 。没有任何插件怎么可能? 按钮

<a class="print-button" href="#" title="Print"></a>

jquery:

$('.print-button').click(function (){
    var markup = '<html><head><title>TODO supply a title</title>... ...';
    // now print the markup
})

我只是加了一点标记;因为它太长了。
重要提示:标记中还包含css。某些内容包含背景图片

1 个答案:

答案 0 :(得分:1)

你可以用css轻松实现这一点。

您可以指定css进行打印。例如

@media print
  {
  div.to_print {font-family:times,serif;font-size:10px;}
  }

这里的诀窍是制造一切。除了你想要打印为隐藏的内容。这将指导您:CSS - Print view - Hide all elements except one divHow to only show certain parts with CSS for Print?

他们在javascript中调用打印函数

window.print();

How do I programatically call the "Print Preview" screen using Javascript or Jquery?