Javascript 从html页面打印表格

Javascript 从html页面打印表格,javascript,html,printing,Javascript,Html,Printing,我有一个html页面,需要从中向打印机发送一个表。我正在使用window.print。。但那会打印整页。。。而我只需要打印表格。有什么想法吗 您可以使用(,如何使用样式表打印html页面) 您可以通过弹出窗口实现—在此窗口中仅显示表格并将其发送到打印机 简单例子 <script> function printDiv() { var divToPrint = document.getElementById('areaToPrint'); newW

我有一个html页面,需要从中向打印机发送一个表。我正在使用window.print。。但那会打印整页。。。而我只需要打印表格。有什么想法吗

  • 您可以使用(,如何使用样式表打印html页面)

  • 您可以通过弹出窗口实现—在此窗口中仅显示表格并将其发送到打印机

  • 简单例子

    <script>
        function printDiv() {
            var divToPrint = document.getElementById('areaToPrint');
            newWin = window.open("");
            newWin.document.write(divToPrint.outerHTML);
            newWin.print();
            newWin.close();
       }
    </script>
    
    
    函数printDiv(){
    var divToPrint=document.getElementById('areaToPrint');
    newWin=window.open(“”);
    newWin.document.write(divToPrint.outerHTML);
    newWin.print();
    newWin.close();
    }
    
    您可以为页面的所有不需要的部分提供样式
    显示:无。这样,您只能打印表格

    例如:

    <style>
        @media only print {
            footer, header, .sidebar {
                display:none;
            }
        }
    </style>
    
    
    @仅媒体打印{
    页脚、页眉、.侧边栏{
    显示:无;
    }
    }
    
    为了使它起作用,我还需要在文档的标题部分之间放置这一行

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    
    
    该示例未打开新窗口。。。什么也不做。有什么提示吗。你们有id为areaToPrint的div吗?2.在前面的代码中,我有一个小语法错误-getEElement。现在我检查一下示例-all works.outerHTML已知firefox和chrome存在问题。。。但这个问题是可以解决的。谢谢完成编写后不要忘记关闭文档:
    newWin.document.close()我尝试了这个,但我需要包括CSS样式表的链接,以便获得所需的打印输出。我该怎么做?非常有创意的方法+1.