js实现打印预览功能

页面中用startprint1 打印内容 endprint1包裹！代码：

    <!--startprint1-->

    <div class="content" style="margin-top: 20px;">

        {$data.content}

    </div>

    <!--endprint1-->

页面按钮我用的是图片样式：

<img style="width:35px;float: right;" name="button_export" onclick="preview(1)" class="dayin" src="__PUBLIC__/Admin/images/dayin.jpg">

接下来就是js代码了

   //打印前加的代码
        function preview(oper) {
            document.body.style.padding = "0";//打印居中显示
            margin:0;
               if(oper < 10) {
                bdhtml =window.document.body.innerHTML;//获取当前页的html代码
                sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域
                eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域
                prnhtml =bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
                prnhtml = prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
                window.document.body.innerHTML= prnhtml;
                window.print();
                window.document.body.innerHTML =bdhtml;
            } else{
                window.print();
            }
        }

//打印按钮
$("#btnPrint").click(function () {
    $("#printArea").printArea();
});

这就是打印预览功能了！！！简单实用