js print 预览样式无效_js实现打印预览功能

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

{$data.content}

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

接下来就是js代码了

//打印前加的代码

function preview(oper) {

document.body.style.padding = "0";//打印居中显示

margin:0;

if(oper < 10) {

bdhtml =window.document.body.innerHTML;//获取当前页的html代码

sprnstr = "";//设置打印开始区域

eprnstr = "";//设置打印结束区域

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();

});

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