Yuan天空
Yuan天空
  • 我的主页
  • 博客随笔
  • 软件作品
    • TK精灵(进程守护)
    • 远程运维助手
    • DicomStoreSCU
    • TKOCR(离线OCR)
    • 更多...
  • 学习资源
  • 网址收藏
  • HTML模板
专注.NET开发技术领域
  1. 主页
  2. 博客
  3. 发布页

原生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();//关闭窗口
}
同类文章
AJAX上传Form表单内容和文件
Loading...
AJAX上传Form表单内容和文件
 jquery实现AJAX 表单的同时上传文件
Loading...
jquery实现AJAX 表单的同时上传文件
KnockoutJS用法 html+js实现mvvm
Loading...
KnockoutJS用法 html+js实现mvvm
问题反馈/学习建议
1. 文明上网,理性表达,营造舒适的学习氛围
2. 请不要反馈提交与本页主题无关内容
标题目录
  • 原生Js实现网页打印的简单例子,此方法仅适用于需求度不高的打印(比如黑白文本),不支持style样式效果