Js打印页面的几个问题

项目中有遇到使用js打印页面的需求,这里记录几个打印的问题:
打印的代码:

<script type="text/javascript">
        var hkey_root, hkey_path, hkey_key;
        hkey_root = "HKEY_CURRENT_USER";
        hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; //网页打印时设置清空页眉页脚     
        function setup_null() {
            try {
                var RegWsh = new ActiveXObject("WScript.Shell")
                hkey_key = "header"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "")
                hkey_key = "footer"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "")
            } catch (e) {}
        }

        function setup_default() { //网页打印时设置页眉页脚默认值        
            try {
                var RegWsh = new ActiveXObject("WScript.Shell")
                hkey_key = "header"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "&w&b页码,&p/&P")
                hkey_key = "footer"
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "&u&b&d")
            } catch (e) {}
        }


        function printPage() { //获取当前页的html代码 
            setup_null();
            printhtml=$('#printDiv').html();
          	document.body.innerHTML = printhtml; //写入body下
            window.print(); //在窗口调用浏览器打印机
        }
    </script>

这个时候可能取消页眉页脚会失效,这个时候可以在css里面也加上:

<div id="printDiv">
						<style type="text/css">
						@page {
							 size: landscape; 
							 margin: 0mm;
						}
....

其中size的意义是页面排版,landscape可以使其横向排版,这个实测只有chrome能用。同时这个css一定要写在要打印的元素里面。
这个时候可以在打印前提示用户,在打印页面自行操作排版、页眉页脚。

猜你喜欢

转载自blog.csdn.net/weixin_40577289/article/details/88395472