window.print 打印界面

时间 2019-12-26

标签 window.print window print 打印界面栏目 Windows 繁體版

原文原文链接

一. window.print能够打印当前应用对应的页面展示出来的所有内容，用法不够灵活；
javascript

二. 使用window.print打印指定的内容，方法是将指定内容作成一个html文件的格式：html

<html>  
<head>  
<script language="javascript">
    //此js函数用于解决打印指定div的问题  
    function printdiv(printpage)  
    {  
        var headstr = "<html><head><title></title></head><body>";  
        var footstr = "</body>";
        //获取div中的html内容  
        var printData = document.getElementById("printpage").innerHTML; 
        //获取div中的html内容，jquery写法以下
        // var printData = $("#" + printpage).html();
        
        //获取原来的窗口界面body的html内容，并保存起来
        var oldstr = document.body.innerHTML;  
        
        //给窗口界面从新赋值，赋本身拼接起来的html内容
        document.body.innerHTML = headstr+newstr+footstr;  
        //调用window.print方法打印新窗口
        window.print();  
        
        //将原来窗口body的html值回填展现
        document.body.innerHTML = oldstr;  
        return false;  
    }  
</script>  
<title>div print</title>  
</head>  
  
<body>  
    <input name="b_print" type="button" class="ipt"   onClick="printdiv('div_print');" value=" Print ">  
      
    <div id="div_print">  
        <h1 style="Color:Red">The Div content which you want to print</h1>  
    </div>  
</body>  
</html>