window.print()打印网页中指定内容

时间:2019-03-18 16:02:08   收藏:0   阅读:853
<!DOCTYPE html>
<html>
    <head>
        <meta charset=" utf-8">
        <meta name="author" content="http://www.jb51.net/" />
        <title>指定被打印的内容</title>
        <script language="javascript"> 
            function printdiv(printpage) 
            { 
                var newstr = printpage.innerHTML; 
                var oldstr = document.body.innerHTML; 
                document.body.innerHTML =newstr; 
                window.print(); 
                document.body.innerHTML=oldstr; 
                return false; 
            } 
            window.onload=function()
            {
                var bt=document.getElementById("bt");
                var div_print=document.getElementById("div_print");
                bt.onclick=function()
                {
                    printdiv(div_print);
                }
            }
        </script> 
    </head> 
    <body> 
        <div id="div_print"> 
            <h1 style="Color:Red">这是要被打印的内容</h1> 
        </div>
        <div style="Color:Red">欢迎您</div> 
            <input name="print" type="button" id="bt" value="点击打印" /> 
    </body> 
</html>

 

原文:https://www.cnblogs.com/ms-grf/p/10552469.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!