原生Js实现网页打印的简单例子,此方法仅适用于需求度不高的打印(比如黑白文本),不支持style样式效果
Html代码
<html> <head> </head> <body> <center style="margin:100px;padding:100px;"><br><p>我是打印内容 啦啦啦</p> <p>我是打印内容 啦啦啦</p><br><p>我是打印内容 啦啦啦</p> <p>我是打印内容 啦啦啦</p><br><p>我是打印内容 啦啦啦</p> </center> <center style="margin:100px;"> <a onclick="printhtml();" style="margin-bottom:2px;margin-right: 10px;border:1px solid #f80;padding:5px"> <i></i> 点击我执行打印</a> </center> </body> </html>
js代码
function printhtml(){ prnhtml=window.document.body.innerHTML; var winDialog= window.open("");//新打开一个空窗口 winDialog.document.body.innerHTML=prnhtml; var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 &&!isOpera; //判断是否IE浏览器 if(isIE ){ //ie浏览器特殊处理 winDialog.document.close(); winDialog.focus(); } winDialog.print();//打印 winDialog.close();//关闭窗口 }