Question

如何使用jQuery在我的网页上打印文章，文章在div中 window.print（） 将打印整个窗口。所以很少与此混淆......！

Answer 1

不要使用jQuery ...使用css和media = print。这是article for reference和here。

基本上，为打印时要显示的内容创建一个新样式表，并将介质设置为打印：

<link rel="stylesheet" type"text/css" href="print.css" media="print">

Answer 2

您可以将内容放在iframe中并在该窗口上调用print（）。

快速谷歌给了我http://www.eggheadcafe.com/PrintSearchContent.asp?LINKID=449，提到你必须focus()才能print()。请注意，该页面已有几年了。

另见How do I print an IFrame from javascript in Safari/Chrome。

Answer 3

用于打印的样式html通常使用不同的样式表来实现，例如在你的头元素：

<head>
    ...

    <link rel="stylesheet" type="text/css" media="screen" href="style.css">
    <link rel="stylesheet" type="text/css" media="print" href="print.css">
    ...

</head>

样式表style.css用于在屏幕上设置html样式，而print.css用于设置html样式以进行打印。通过在print.css中提供适当的样式，您可以轻松地显示或隐藏html元素，以实现您正在寻找的输出。

使用jQuery打印div

3 个答案: