JavaScript打印指定div的方法

关注

原创最新推荐文章于 2026-05-26 12:31:10 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

JS控制打印指定div（且控制css样式）的一种另类思路打印指定div的插件并不多，使用JPrintArea进行指定div打印也并不好控制，此段js代码是在他人基础上融入了自己的想法，经过测试，纸张打印出来的样式在多个浏览器（ie6、ie7、ie8、火狐、谷歌）上可以做到基本统一，并且可以简单的设计自己想要打印的样式。立即下载

用 JavaScript 实现页面数据的打印：主要是用到了一个 print() 函数，该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.print(); 打印页面上局部的数据，则可以把局部数据放入body.innerHTML中打印。

        function printme() 
        {
            var headstr = "<html><head><title></title></head><body>";  //打印头部
            var footstr = "</body></html>";  //打印尾部
            var printData = document.getElementById("printArea").innerHTML; //获得 div 里的所有 html 数据
            var oldstr = document.body.innerHTML;  
            document.body.innerHTML = headstr+printData+footstr;  
            window.print();     
            document.body.innerHTML = oldstr;   //保持原页面格式   
        }