12行代码实现js打印当前页面表格

最新推荐文章于 2024-03-21 10:27:19 发布

转载最新推荐文章于 2024-03-21 10:27:19 发布 · 1.4k 阅读

文章标签：

#js #打印表格 #打印

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页中特定表格打印的方法。通过获取指定ID的表格元素，将其加载到新窗口并调用打印功能，实现了网页内容的精确打印。此方法适用于需要将网页中的数据以表格形式打印出来的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        window.onload = function()
        {
            var btnPrint = document.getElementById("print");//“打印”按钮
            btnPrint.onclick = function()//为“打印”按钮添加点击事件
            {
                printTable();//打印表格
            }
        }

        //打印表格
        function printTable()
        {
            var tableToPrint = document.getElementById('tab');//将要被打印的表格
            var newWin= window.open("");//新打开一个空窗口
            newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
            newWin.document.close();//在IE浏览器中使用必须添加这一句
            newWin.focus();//在IE浏览器中使用必须添加这一句
            newWin.print();//打印
            newWin.close();//关闭窗口
        }