原生js实现最简单的网页打印例子

Jquery打印网页Html例子

编程开发 2021-02-05 56

原生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();//关闭窗口
}