站内搜索:
首页 >> 前端 >> 内容
html打印功能代码实现

时间:2018/6/12 15:16:02

html打印功能代码实现

<script>  
        window.onload = function()  
        {  
            var btnPrint = document.getElementById("print");//“打印”按钮  
            btnPrint.onclick = function()//为“打印”按钮添加点击事件  
            {  
                printTable();//打印表格  
            }  
        }  
  
        //打印表格  
        function printTable()  
        {  
            var tableToPrint = document.getElementById('printTable');//将要被打印的表格  
            var newWin= window.open("");//新打开一个空窗口  
            newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口  
            newWin.document.close();//在IE浏览器中使用必须添加这一句  
            newWin.focus();//在IE浏览器中使用必须添加这一句  
            newWin.print();//打印  
            newWin.close();//关闭窗口  
        }  
    </script>  

  • 上一篇:2018年最新的前端VUE面试题及题解
  • 下一篇:mongoDB:update修改数据代码实例
  • 返回顶部