js控制分页打印、打印分页示例


Posted in Javascript onFebruary 08, 2014
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
<HEAD> 
<TITLE>javascript打印-打印页面设置-打印预览代码</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312" /> 
<style media=print> 
.Noprint{display:none;} 
.PageNext{page-break-after: always;} 
</style> 
<SCRIPT language=javascript> 
function printsetup(){ 

// 打印页面设置 

wb.execwb(8,1); 

} 

function printpreview(){ 

// 打印页面预览   

wb.execwb(7,1); 

} 

function printit() 

{ 

if (confirm('确定打印吗?')) { 

wb.execwb(6,6) 

} 

} 
</SCRIPT> 
</HEAD> 
<BODY> 
<DIV align=center> 
<OBJECT id=wb height=0 width=0 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> 
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print /> 
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup /> 
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show /> 
</DIV> 
111</br> 
111</br> 
111</br> 
<div class="PageNext"></div> 
222</br> 
222</br> 
222</br> 
<div class="PageNext"></div> 
333</br> 
333</br> 
333</br> 
<div class="PageNext"></div> 
444</br> 
444</br> 
444</br> 
<div class="PageNext"></div> 
555</br> 
555</br> 
555</br> 
</BODY> 
</HTML>

<html> 
<title>JS 分页批量打印解决方案(只支持IE)</title> 
<script language="javascript"> 
function printWithAlert() { 
document.all.WebBrowser.ExecWB(6,1); 
} 
function printWithoutAlert() { 
document.all.WebBrowser.ExecWB(6,6); 
} 
function printSetup() { 
document.all.WebBrowser.ExecWB(8,1); 
} 
function printPrieview() { 
document.all.WebBrowser.ExecWB(7,1); 
} 
function printImmediately() { 
document.all.WebBrowser.ExecWB(6,6); 
window.close(); 
} 
</script> 
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 style="display:none"> 
</OBJECT> 
</noscript> 
<style media=print> 
.Noprint{display:none;} .PageNext{page-break-after: always;} 
</style> 
<table align="center" class=NOPRINT> 
<tr> 
<td align="center"><BUTTON title=打印 onclick=printWithAlert()>打印</BUTTON> 
<BUTTON title=直接打印 onclick=printWithoutAlert()>直接打印</BUTTON> 
<input type=button value="打印设置" onClick="printSetup()" > 
<button onclick ='printPrieview()' title='打印预览...' >打印预览</button></td> 
</tr> 
</table> 
<div class=NOPRINT> 以下为打印区:<br> 
</div> 
<hr size=1 noshadow color=black class=NOPRINT > 
<table class="PageNext" > 
<tr> 
<td colspan=2> 
第一页的内容 
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 
</td> 
</tr> 
</table> 
<hr size=1 noshadow color=black class=NOPRINT > 
<div class="PageNext"> 
第二页内容 
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 
</div> 
<hr size=1 noshadow color=black class=NOPRINT > 
第三页内容 
</html>
Javascript 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
原生javascript实现分页效果
Apr 21 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue指令v-html使用过滤器filters功能实例
Oct 25 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
javascript中的self和this用法小结
Feb 08 #Javascript
javascript中match函数的用法小结
Feb 08 #Javascript
纯JS实现动态时间显示代码
Feb 08 #Javascript
js数字转换为float,取N位小数
Feb 08 #Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 #Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 #Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 #Javascript
You might like
PHP4引用文件语句的对比
2006/10/09 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
XENON基于JSON变种
2010/07/27 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
Python实现快速多线程ping的方法
2015/07/15 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
python处理document文档保留原样式
2019/09/23 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
Python如何在bool函数中取值
2020/09/21 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
请写出一段Python代码实现删除一个list里面的重复元素
2015/12/29 面试题
艺术系应届生的自我评价
2013/10/19 职场文书
制冷与电控专业应届生求职信
2013/11/11 职场文书
双十佳事迹材料
2014/01/29 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
军训考核自我鉴定
2014/02/13 职场文书
高中教师考核方案
2014/05/18 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
学校食品安全责任书
2015/01/29 职场文书
入党自传范文2015
2015/06/26 职场文书
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android