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 相关文章推荐
用javascript父窗口控制只弹出一个子窗口
Apr 10 Javascript
prototype Element学习笔记(篇二)
Oct 26 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
jquery遍历checkbox的注意事项说明
Feb 21 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 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脚本的10个技巧(5)
2006/10/09 PHP
php socket方式提交的post详解
2008/07/19 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
PHP连接局域网MYSQL数据库的简单实例
2013/08/26 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
jQuery学习笔记之jQuery中的$
2015/01/19 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
2020/09/22 Javascript
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
详细解析Python当中的数据类型和变量
2015/04/25 Python
python 重命名轴索引的方法
2018/11/10 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
Python简易版图书管理系统
2019/08/12 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
优质服务活动实施方案
2014/05/02 职场文书
群众路线教育实践活动思想汇报(2014特荐篇)
2014/09/16 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
放假通知
2015/04/14 职场文书
农民工工资支付承诺书
2015/05/04 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python