window.print 打印界面

一. window.print可以打印当前应用对应的页面展现出来的全部内容,用法不够灵活;

二. 使用window.print打印指定的内容,方法是将指定内容做成一个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>


你可能感兴趣的:(window.print 打印界面)