这个问题在这里已有答案:
当用户点击按钮时,我想打印一些HTML内容 . 一旦用户点击该按钮,浏览器的打印对话框将打开,但不会打印该网页 . 相反,它将打印一些未显示在页面上的其他HTML内容 .
在提出这个问题时,我想到的解决方案很少 . 但我不确定这些是好主意还是可以做得更好 . 其中一个解决方案是:我可以将这个HTML内容保存在div中并使其 display:
打印,但 display: none
来屏幕 . 网页上的所有其他元素可以打印为 display: none
,屏幕为 display:
. 然后打电话给打印 .
有什么好主意吗?
6 回答
我遇到了另一个优雅的解决方案:
将您的可打印部分放在一个id为div的div中:
现在让我们创建一个非常简单的javascript:
消息来源:SO Answer
这是一个纯粹的CSS版本
根据this SO link,您可以打印特定的div
I Want See This
示例http://jsfiddle.net/35vAN/
以下代码可能会帮助您:
如果你添加和删除innerHTML,所有javascript,css和更多都将被加载两次,并且事件将触发两次(发生在我身上),更好的隐藏内容,使用jQuery和css如下:
div“site-container”包含所有站点,因此您可以调用以下函数: