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

编程开发
57
Jquery
打印网页
Html例子

原生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();//关闭窗口
}
KnockoutJS用法 html+js实现mvvm
jquery 实现网页页面内容自适应窗口的宽度
jquery如何检测库是否已经加载
js使用jquery.jqprint实现网页局部打印预览的效果
JQuery 对标签标签内容几种常见的操作例子
AJAX上传Form表单内容和文件
 jquery实现AJAX 表单的同时上传文件
网页前端js使用jquery.qrcode插件实现生成带图标的二维码
暂无相关内容...
Jquery实现的一款 仿微信公众号菜单编辑器
免责声明 部分转载分享内容若侵犯您的权益,还请 邮件联系 侵删