H5打印预览功能

参考链接:http://www.cnblogs.com/wuhuacong/archive/2016/01/21/5147368.html

html文件中代码如下:

 
   

js文件中代码如下:

 document.getElementById("printImg").src = _imgdates
var bodyhtml = window.document.body.innerHTML;
//设置打印开始区域、结束区域
var startFlag = "";
var endFlag = "";
// 要打印的部分
var printhtml =bodyhtml.substring(bodyhtml.indexOf(startFlag),bodyhtml.indexOf(endFlag));
// 生成并打印ifrme
var f = document.getElementById("printf");                      f.contentDocument.write(printhtml);
f.contentDocument.close();
f.contentWindow.print();                
                        

你可能感兴趣的:(H5打印预览功能)