Javascript 按钮打印Div的HTML内容-

Javascript 按钮打印Div的HTML内容-,javascript,jquery,html,printing,Javascript,Jquery,Html,Printing,可能重复: 实现打印HTML文档内容的按钮的最简单方法是什么 我希望在按下按钮时显示“打印”对话框,并打印div的内容 目前,我正在使用jQuery和HTML。我将继续使用HTML和jQuery在打印媒体css文件旁边触发打印对话框,以过滤打印内容 如果只是要打印的单个div的内容,只需隐藏其他所有内容,并将其作为打印css中唯一可见的项 有点像这样:事实上jquery的.html()函数将对html实体进行编码 请参见此处的示例 希望能有帮助 更新:我的示例演示了如何打印“html”内容。如

可能重复:

实现打印HTML文档内容的按钮的最简单方法是什么

我希望在按下按钮时显示“打印”对话框,并打印div的内容


目前,我正在使用jQuery和HTML。

我将继续使用HTML和jQuery在打印媒体css文件旁边触发打印对话框,以过滤打印内容

如果只是要打印的单个div的内容,只需隐藏其他所有内容,并将其作为打印css中唯一可见的项

有点像这样:

事实上jquery的.html()函数将对html实体进行编码

请参见此处的示例

希望能有帮助


更新:我的示例演示了如何打印“html”内容。如果您不希望html按原样显示,只需将示例中的.text()替换为.html()

如何查看->源代码,然后从显示的源代码页打印文件->打印?

抱歉,您误解了我的问题…我的意思是实际打印到打印机…哦,我的错-那么我认为这是的重复,尽管您的一般建议很好,根据您的JSFIDLE使用
display:none
,将不起作用。*选择器将匹配html元素,并且无论单个元素的css是什么,都不会显示其中的任何内容。我建议在#content div上使用
*{visibility:hidden}
visibility:visible
,并进行适当的定位。像这样-