js调用浏览器打印的小事故

最新推荐文章于 2023-07-17 14:23:11 发布

原创最新推荐文章于 2023-07-17 14:23:11 发布 · 498 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文分享了在使用window.print()进行网页打印时遇到的浏览器兼容性问题，尤其是在IE浏览器中打印多一页空白的解决方案。文章详细介绍了如何通过设置新窗口的body margin为0和避免页面元素超出高度来解决此问题。

就记录一下我使用window.print()调用浏览器打印功能遇到的事故吧。主要就是谷歌跟IE的区别，谷歌的打印没话说，随便怎么搞打印都没问题，IE就稍微有些要求，首先打印的页面要求body的margin为0，然后页面不能有超出高度的元素，不然会出现打印多一页空白的问题。

        var wind = window.open("",'newwindow', 'height=800, width=1200, top=100, left=100, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no');
        var newidoc = wind.document;
        newidoc.body.style.margin = 0;
        newidoc.open();
        newidoc.write(headstr+cont);
        newidoc.close();
        newidoc.contentEditable = false;
        newidoc.designMode = 'off';
        wind.print();