JS调用打印机功能简单示例


Posted in Javascript onNovember 28, 2016

本文实例讲述了JS调用打印机功能的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><!--{$aListData.name}-->准考证</title>
<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />
<input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
<style type="text/css" media=print>
.noprint{display : none }
</style>
<script>
function preview(oper)
{
if (oper < 10)
{
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
</script>
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script>
jQuery(function($){
 $("#closeButton").click(function(){
    window.close();
 })
});
</script>
</head>
<body>
<a id='closeButton' title='Close' href="#" >关闭</a>
<!-- 打印startprint与endprint之间的内容-->
<!--startprint1-->
<h1>南京聋人高级中学2013年预科招生考试</h1>
姓名:<!--{$aListData.name}--><br/>
性别:<!--{$aListData.gender}--><br/>
毕业学校:<!--{$aListData.grschool}--><br/>
编号:<input type="text" name="sturegcard" class="input1 ml10" value="<!--{$aListData.sturegcard}-->"/><br/>
头像:<img src="<!--{$aListData.avatar}-->" width="140"><br/>
考试日程:<br/>
地点:<br/>
<!--{if $aRegExamsche}-->
  <!--{section name=data loop=$aRegExamsche}-->
    <!--{$aRegExamsche[data].date}-->
    <!--{$aRegExamsche[data].time}-->
    <!--{$aRegExamsche[data].lesson}-->
    <!--{$aRegExamsche[data].place}--><br/>
  <!--{/section}-->
<!--{/if}-->
<!--endprint1-->
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery 子窗口操作父窗口的代码
Sep 21 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
Jul 16 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
javascript如何写热点图
Dec 08 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
微信小程序 登陆流程详细介绍
Jan 17 Javascript
JS实现的抛物线运动效果示例
Jan 30 Javascript
详解jQuery中的prop()使用方法
Jan 05 jQuery
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
完全深入学习Bootstrap表单
Nov 28 #Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 #Javascript
Bootstrap选项卡动态切换效果
Nov 28 #Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 #Javascript
Bootstrap实现导航栏的2种方式
Nov 28 #Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 #Javascript
Bootstrap框架实现广告轮播效果
Nov 28 #Javascript
You might like
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
php生成zip文件类实例
2015/04/07 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
Python3读取zip文件信息的方法
2015/05/22 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
2019/02/21 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
不同浏览器对CSS3和HTML5的支持状况
2009/10/31 HTML / CSS
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
党员年终民主评议的自我评价
2013/11/05 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
环保专项行动方案
2014/05/12 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
银行先进个人总结
2015/02/15 职场文书
学校德育工作总结2015
2015/05/11 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python