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 相关文章推荐
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
javascript中的delete使用详解
Apr 11 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
javascript实现完美拖拽效果
May 06 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
彻底理解js面向对象之继承
Feb 04 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
js+canvas实现刮刮奖功能
Sep 13 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
PHP扩展mcrypt实现的AES加密功能示例
2019/01/29 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
jQuery validate验证插件使用详解
2016/05/11 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
vue多次循环操作示例
2019/02/08 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
Python socket编程实例详解
2015/05/27 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
UML设计模式笔试题
2014/06/07 面试题
测绘工程个人的自我评价
2013/11/10 职场文书
总经理助理的八要求
2013/11/12 职场文书
高中自我评价分享
2013/12/05 职场文书
魅力教师事迹材料
2014/01/10 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
学员自我鉴定
2014/03/19 职场文书
学校志愿者活动总结
2014/06/27 职场文书
小学生暑假安全公约
2015/07/14 职场文书
JS如何实现基于websocket的多端桥接平台
2021/05/14 Javascript
Python常遇到的错误和异常
2021/11/02 Python
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技
如何使用python包中的sched事件调度器
2022/04/30 Python