# js 打印预览和局部刷新

你需要打印的内容
<!--startprint-->
    <table>
       <tr>
           <td></td>
       </tr>
    </table>
    <button  id="printCheck">打印预览</button>
    <!--endprint-->

*js中的代码块   
 $("#printCheck").click(function (){ 
        bdhtml=window.document.body.innerHTML;//获取当前页的html代码
        sprnstr="<!-- startprint -->";//设置打印开始区域
        eprnstr="<!-- endprint -->";//设置打印结束区域
        prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+20); //从开始代码向后取html
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
        window.document.body.innerHTML=prnhtml;
        window.print();
        window.document.body.innerHTML=bdhtml;
        
        //刷新父页面   父页面的刷新主要是为了解决点击打印预览取消后
        //出现其他按钮不能使用问题
        window.location.reload();
        })

另外，如果点击打印预览时，界面展示不全，可以点击纵向或者横向
或者是设置中的缩放，将缩放比例调小就可以完全显示了。希望可以为你解决问题。