打印DIV的内容

打印DIV的内容

打印DIV内容的最佳方法是什么?



烙印99
浏览 674回答 3
3回答

陪伴而非守候

在Chrome上测试的早期版本略有变化function&nbsp;PrintElem(elem){ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;mywindow&nbsp;=&nbsp;window.open('',&nbsp;'PRINT',&nbsp;'height=400,width=600'); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.write('<html><head><title>'&nbsp;+&nbsp;document.title&nbsp;&nbsp;+&nbsp;'</title>'); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.write('</head><body&nbsp;>'); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.write('<h1>'&nbsp;+&nbsp;document.title&nbsp;&nbsp;+&nbsp;'</h1>'); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.write(document.getElementById(elem).innerHTML); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.write('</body></html>'); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.document.close();&nbsp;//&nbsp;necessary&nbsp;for&nbsp;IE&nbsp;>=&nbsp;10 &nbsp;&nbsp;&nbsp;&nbsp;mywindow.focus();&nbsp;//&nbsp;necessary&nbsp;for&nbsp;IE&nbsp;>=&nbsp;10*/ &nbsp;&nbsp;&nbsp;&nbsp;mywindow.print(); &nbsp;&nbsp;&nbsp;&nbsp;mywindow.close(); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true;}

扬帆大鱼

我认为有更好的解决办法。让div覆盖整个文档,但只在打印时:@media&nbsp;print&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;.myDivToPrint&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;white; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;fixed; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;15px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;14px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;line-height:&nbsp;18px; &nbsp;&nbsp;&nbsp;&nbsp;}}

翻过高山走不出你

如果使用jQuery,可以使用我的printElement插件。有个样本这里,以及有关插件的更多信息。这里.它的用法相当严格,只需使用jQuery选择器获取一个元素并打印出来:$("myDiv").printElement();希望能帮上忙!
打开App,查看更多内容
随时随地看视频慕课网APP